Sometimes, the default styling in Webflow adds an underline to links within a link block, and you might want to remove it for design consistency.
1. Locate the Link Block
- Select the Link Block in the Webflow Designer where the paragraph text is located.
2. Edit Link Block Styles
- Click on the Selector field at the top of the Style panel to make sure you're editing the correct element.
- Ensure that "All Link Blocks" is selected if you want to affect all link blocks, or choose a more specific class if needed.
3. Customizing Text Decoration
- In the Typography section of the Style panel, look for Text Decoration.
- Set Text Decoration to "None". This will remove any underline from the text inside the link block.
4. Confirm Changes on Published Site
- Preview the changes in the Webflow Designer to make sure it looks correct.
- Publish your site to see the changes live and confirm the underline is removed from the linked paragraph text.
Summary
To remove the underline from paragraph text inside a link block in Webflow, locate the link block in the Designer, use the Style panel to set Text Decoration to "None," and then preview your changes before publishing.