How to style child text elements of a Link Block?

Newb question #3 - I can’t figure out how to change the styling of text in a link block that is linking to a blog post. (As seen here)

http://patrick-fore-design.webflow.io/blog

What am I missing?

Thank you!


Here is my public share link: https://preview.webflow.com/preview/patrick-fore-design?preview=ccc93efe148d83d04eae98f445cf5eba

I’m going to explain this in details so you get the big picture (:

All the text elements are blue and underline because the inherit from a defaut link property. They inherit because they are the child elements of a parent link block.

http://vincent.polenordstudio.fr/snap/n2r5x.png

So you can see that the properties are being inherited, their icon is orange.

http://vincent.polenordstudio.fr/snap/b50ez.png

The text color and underline show as being inherited from a upper element but actually is overriden by the link block:

http://vincent.polenordstudio.fr/snap/z91kc.png

You can set a color and underline property right there, for every element type, but it’s preferrable to start with the link block itself. Select it:

http://vincent.polenordstudio.fr/snap/d2m4u.png

Set a color (don’t forget opacity 100% because default appears to be zero) and set the underline to none

http://vincent.polenordstudio.fr/snap/ra7kx.png

Now you can go down, select child elements and set specific properties for each:

http://vincent.polenordstudio.fr/snap/ous8m.png

1 Like

THANK YOU. I was totally missing this.

Man I love this community.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.