How can I remove the underline in paragraph text within a link block on my Webflow site?
TL;DR
- Assign a class to the paragraph inside the Link Block.
- Set its text decoration to "none" in the Style panel to override default link underlining.
If you're seeing underlined paragraph text within a Link Block in Webflow, it's likely because Webflow applies default link styles (including underlining) to any text inside. To remove the underline, you need to target and override the link styling.
1. Identify the Paragraph Element Inside the Link Block
- Locate the Link Block in the Webflow Designer.
- Check that the paragraph element is directly nested inside it.
2. Create or Select a Class for the Paragraph
- Click on the paragraph text element.
- In the Selector field, either select its existing class or add a new class (e.g.,
link-paragraph).
3. Remove Text Decoration
- With the paragraph selected, go to the Style panel (right sidebar).
- Scroll to the Typography section.
- Set Text Decoration to None.
- This will override the link’s default underlining behavior for that element.
4. Optional: Use a Combo Class if Needed
- If the same paragraph class is used elsewhere and you only want to affect it inside a Link Block, consider adding a combo class (e.g.,
link-paragraph in-link-block) and apply the no-underline style to that combo.
5. Publish and Test
- Publish your site to see the changes take effect on the live site.
- Confirm that the underline no longer appears and that other text styles are unaffected.
Summary
To remove underlines from paragraph text inside a Webflow Link Block, assign a class to the paragraph and set its text decoration to none in the Style panel. This directly overrides the default link styling applied by the browser or Webflow.