How can I remove the underline in paragraph text within a link block on my Webflow site?

TL;DR
  • Locate the link block in the Webflow Designer and select it.
  • Use the Style panel to set Text Decoration to "None" to remove the underline.
  • Preview and publish your site to confirm the changes.

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.

Rate this answer

Other Webflow Questions