Changing text colour not easy

[ccryptogram]

I've entered various bits of text, some of which I want to make into a link. Changing the colour of the link seems very much a hit-and-miss affair. In general, the black text becomes grey when it's been linked,and when I try to change the colour I might suceed or I might not. What are the rules?

[Bernadette3]

Are you changing the link colors through the Theme tab?

[ccryptogram]

No. Should I be? I'm in the Build tab.

[Adam7]

If you want to change the color of all of a specific type of text (paragraph text, for example), then doing it in Theme > Change Fonts is the best way. If you just want to change the color of a specific word then using the text editing toolbar is the best way. If you're doing it a couple times in a row for different words here and there, it can sometimes help to exit the editor and re-open your site in it.

[ccryptogram]

Thanks Adam. What about changing the colour of the tab titles, which are currently mid-grey? Should that be done in themes?

[Bernadette3]

The font color of the navigation titles is not something you can change without editing the css/html. Are you familiar with customizing the code? 

[ccryptogram]

In a word, no! How complicated is it?

[Adam7]

In terms of CSS changes it's not complicated, although it's easy to break the display of a site with typos. I usually recommend people override CSS using code added to Settings > SEO > Header Code instead, that way your theme isn't customized. What color did you want your navigation links to be?

[ccryptogram]

I'd like them darker - say black or blue.

[Adam7]

Ok - can you post a link to your site? I can give you some code you can add to Settings > SEO > Header Code. It won't do anything in the editor but it will work on the live site.

[ccryptogram]

https://www.broughtoncambridgeshire.com/

[Adam7]

Thanks - try this code in Settings > SEO > Header Code:

<style>
	/* make navigation and sub-navigation text darker */
	.nav ul li a, #wsite-menus .wsite-menu li a { color: #404040 !important; }
	/* keep hover color black */
	.nav ul li a:hover, #wsite-menus .wsite-menu li a:hover { color: #000 !important; }
</style>

[ccryptogram · Accepted solution]

That's great Adam. Thank you very much.

[Adam7]

No problem!

[szr1]

Ugh somehow this still seems to be an issue. Any updates? This is so annoying! I've tried in three different browsers 😕 

Thank you.