Streaming live at 10am (PST)

How to style child text elements of a Link Block?


#1

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


#2

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.

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

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

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:

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

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


Removing/replacing link block style colour
#3

THANK YOU. I was totally missing this.

Man I love this community.


#4

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