Adding CSS to make clickable text blue
I have created a custom page and added links with HTML. Currently, any clickable text is appearing the same color as non-clickable text. How can I change this to be blue so that it is obvious there i...
Forum Discussion
Thanks! I added into the skins, but it didn't update the color...perhaps after the push?
Push shouldn’t matter as long as the skin is saved. The main thing is to override any class name/ selector that’s currently on the link you’re trying to style.
I added the following CSS at the very bottom of the CSS Skins:Desktop and nothing changed on Stage or Production. Any suggestions?
.lia-body .lia-content .lia-message-body-content a,
.lia-body .lia-content .lia-message-body-content a:link,
.lia-body .lia-content .lia-message-body-content a:hover,
.lia-body .lia-content .lia-message-body-content a:active,
.lia-body .lia-content .lia-message-body-content a:focus{ color: #47B7E6;} .lia-body .lia-content .lia-message-body-content a:visited{ color: blue;}- Hi @bsamson,
can you check in the "Versions" tab that the latest version has been staged? Also I would check whether the style you added in the skins are actually present in the CSS file generated by Lithium when you load the community in the browser.
NicoAgreed. Also, depending on that style, you may need to make .lia-body --> #lia-body in order to override a style since Lithium used that ID in many of their selectors.
