To remove underlines from links in Webflow, you have a few options:
1. Global Style Override: You can globally remove underlines from all links on your website by accessing the "Link Settings" in the Style panel. To do this, follow these steps:
- Select the Link element.
- In the Styles panel, click on the link settings icon (the chain-link icon) next to the element name.
- In the Link Settings modal, you'll find an option called "Underline." Disable the toggle to remove the underline.
- This will remove the underline from all links on your website.
2. Class-based Styling: If you want to remove underlines only from specific links, or change the style of links in certain sections of your website, you can use class-based styling. Here's how:
- Select the link element you want to modify.
- In the Styles panel, click the "+" icon to create a new class.
- Name your class and define the styling properties. To remove the underline, you can set the "text-decoration" property to "none."
- Apply the class to your desired links by selecting them and choosing the class name from the dropdown menu in the Selector field of the Styles panel.
3. Custom Code: For more advanced customization options, you can use custom code. Here's an example of how you can write CSS code to remove underlines from links:
```css
.no-underline {
text-decoration: none !important;
}
```
- Add an HTML Embed element to your page.
- Open the HTML Embed element settings and paste your CSS code within the `