How to style child text elements of a Link Block?

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