Override hyperlink color settings

[riugn557]

Hi there,

I have attached a hyperlink to the title (i.e. “Language Sherpa”) in the navy blue header bar on my website https://thelanguagesherpa.com

Could you tell me how I can override the default hyperlink color settings and make the text white normally and when it is hovered over?

Thank you!
LS

[nico]

Hi @riugn557,

Thanks for writing in.

Add this in your Pro > Theme Options > CSS:

.e21-9.x-text .x-text-content-text-primary h1 a {
color:#FFF
}

//hover

.e21-9.x-text .x-text-content-text-primary h1 a:hover{
color:#FFF
}

Let us know how it goes.

Thanks.

[riugn557]

Hi Nico,

It didn’t work unfortunately.

LS

[mldarshana]

Hi There,

Remove those custom CSS and you can set the heading color and site link colors through X -> Theme Options -> Typography section.

Hope that helps.

[riugn557]

Hi Darshana,

I don’t want to alter the colour of all the site links, just the one connected to the words ‘Language Sherpa’ in the header

LS

[friech]

Hi There,

Please inspect your Headline element (Language Sherpa), under the Customize tab, add this on the Element CSS

$el a {color: white !important;}

New Feature - Element CSS

Hope it helps,
Cheers!

[riugn557]

That’s great, thank you, Friech!

[rad]

You’re most welcome!