Is it possible to remove the underline from text links in Webflow, and only have it appear when hovering over the text?

Published on
September 22, 2023

Yes, it is possible to remove the underline from text links in Webflow and have it appear only when hovering over the text. Here's how you can achieve this:

  1. Select the text link element in the Webflow Designer.
  2. In the Styles panel on the right-hand side, locate the Text link settings.
  3. Click on the link settings to expand the options.
  4. Look for the "Decoration" option and click on the arrow to open the dropdown menu.
  5. By default, the "Underline on hover" option is selected. This means that the text link will have an underline only when you hover over it.
  6. To remove the underline from the text link completely, select the "None" option from the dropdown menu.
  7. The underline will now be removed from the text link.

By following these steps, you can remove the underline from text links in Webflow and have it appear only when hovering over the text, giving your website a clean and modern look.

Additional questions:

  1. How do I change the color of the underline on hover in Webflow?
  2. Can I customize the appearance of the underline for my text links in Webflow?
  3. Is it possible to remove the underline from specific text links in Webflow while keeping it for others?