How can I remove underlines from links in Webflow?

TL;DR
  • Open your Webflow project in the Designer, select the link element, and in the Style panel set Text Decoration to 'None' under Typography to remove underlines.
  • Apply the change globally by selecting the appropriate class before adjusting styles.

You want to remove underlines from links in a Webflow project, which can involve modifying link styles in your project settings. Here's how to do it:

1. Access the Designer

  • Open your Webflow project in the Designer.

  

2. Select the Link Element

  • Click on the link element you want to edit. This could be a link block, text link, etc.

3. Navigate to the Style Panel

  • Locate the Style panel on the right-hand side of the Designer.

4. Adjust the Text Decoration

  • Scroll down to the Typography section within the Style panel.
  • Find the Text Decoration option.
  • Set it to 'None' to remove underlines from the selected link.

5. Apply Styles Globally

  • If you want the change to apply to all links with the same class, make sure to select the appropriate class before adjusting styles.

Summary

To remove underlines from links in Webflow, access your project in the Designer, select the link element, and set the Text Decoration to 'None' in the Typography section of the Style panel. This can be applied to a specific link or globally through class settings.

Rate this answer

Other Webflow Questions