Webflow sync, pageviews & more.
NEW
Answers

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

To remove the underline in paragraph text within a link block on your Webflow site, you can apply custom CSS styles using Webflow's built-in CSS editor. Here's a step-by-step guide on how to do it:

1. Select the link block: In the Webflow Designer, click on the link block that contains the paragraph text you want to modify.

2. Open the Styles panel: On the right-hand side of the designer, click on the "Styles" tab to access the element's styling options.

3. Navigate to the Typography section: Scroll down the Styles panel until you find the Typography section, which includes options for text styling.

4. Modify the paragraph text style: Within the Typography section, click on the drop-down menu next to "Text Link" to expand the options. Here, you can adjust various properties such as font, size, color, and spacing.

5. Remove the underline: To remove the underline, you'll need to add custom CSS code. To do this, click on the "+ Add custom style" option at the bottom of the Typography section. This will open a text field where you can enter CSS code.

6. Enter the CSS code: In the custom style text field, enter the following CSS code:

```
text-decoration: none;
```

This code will remove the underline from the paragraph text within the link block.

7. Apply the changes: After entering the CSS code, click outside the custom style text field to apply the changes. You should see the underline disappear from the paragraph text within the link block.

8. Publish or update your site: Finally, remember to publish or update your Webflow site for the changes to take effect live.

With these steps, you can easily remove the underline in paragraph text within a link block on your Webflow site and achieve the desired styling.

Rate this answer

Other Webflow Questions