Support Forum

Contrast Color of Links

HA Hari
Hari
Member
Member since Nov 2015
123 posts
Mar 7, 2017 · 3:20 pm · Edited

All I need this time is someone pointing me to the right place to look.

I use “Reboot” with a Child-Theme and the “Blue” Overlay.

I did some small changes to the theme last weekend in communication with you on other topics, but it didn´t change anything beyond that and definitly did not change anything on the Overlay or the Colours of the (child-) Theme. It is still possible, that something I did caused the following, but I am not aware of what that could be.

Since yesterday, members and I myself recognized, that Links in the Text of Posts, are not automatically highlighted (blue) anymore.

They still geht highlighted when you accidently hoover over them with the mouse, but they are not highlighted any more before and look “black” as normal text.

We all want to revert to the original state, but I have no idea where to look and what might cause this. I already reactivated the blue overlay in the admin section, but with no effect.

Could you please give me a concret direction where to look?

Thanks in advance.

5 Answers

New Answer
YS Yellow Swordfish
Yellow Swordfish
Member
Member since Nov 2008
16,437 posts
Mar 7, 2017 · 3:56 pm

If you want to change link colours I would still recommend the custom CSS box in the admin to do so.

This CSS should so the trick but you will need to substitute your own, preferred colours of course:

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:link,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:active,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:visited { color: red; }

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:hover { color: green; }

HA Hari
Hari
Member
Member since Nov 2015
123 posts
Mar 7, 2017 · 4:42 pm

Works! Thanks a lot I appreciate this late help.

Small additional question, I am sure it is stupid, but I dont code HMTL or CSS in my normal life.

How can I get a certain “blue” or “green”, I would like the “Blue” of the “Blue overlay” itself. I understand I can use the HEX Colour codes and some of them are predefinded for CSS as explained here:

http://htmlcolorcodes.com/

But is there a way to get *exactly* the “blue” of the theme overlay?

Just one CSS line with a colour code as example would suffice.

Thanks!

YS Yellow Swordfish
Yellow Swordfish
Member
Member since Nov 2008
16,437 posts
Mar 7, 2017 · 4:50 pm

Hex codes are used like:

color: #000000;

which is black by the way.

If you use your browser console you can interrogate any open web page and look at all the source code AND the CSS being used. You can even change it while looking at the page to see what it would like with alternate styling. For debugging CSS it’s the best tool at your disposal and its free and you already have it on your computer.

HA Hari
Hari
Member
Member since Nov 2015
123 posts
Mar 7, 2017 · 4:52 pm

Good to know. Will do. Case closed. Thanks again!