Docs

[aleadfreak]

Hi,

I’ve entered some links across my page, but these don’t seem to be coloured as what I’ve selected in the Customiser.

My site: leadfreak.co.uk

If you scroll to the bottom there is the get in touch section. The links in the pink box should be bright green like the nav bar.

Appreciate your help.

Thanks

Alex

[Rue Nel]

Hey Alex,

Thanks for writing in! The link color is not following what you have set like the menu item because it turns out that you are using a heading tag and then enclosed the link. The heading tag link has it’s own color and this is why the code is not working. To be able to change the link color for this element, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

h1 a, h2 a, 
h3 a, h4 a, 
h5 a, h6 a, 
.h1 a, .h2 a, 
.h3 a, .h4 a, 
.h5 a, .h6 a {
    color: rgb(72,234,126);
}

Please let us know if this works out for you.

[aleadfreak]

Yes, great. Thank you Rue.

Worked a treat.

Alex

[Rupok]

You are welcome Alex!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[aleadfreak]

Hi Rupok,

Sorry, one more point. What code would I add to the CSS to change the link colour on hover?

Thanks

Alex

[Joao]

Hi Alex,

Please add:

h1 a:hover, h2 a:hover, 
h3 a:hover, h4 a:hover, 
h5 a:hover, h6 a:hover, 
.h1 a:hover, .h2 a:hover, 
.h3 a:hover, .h4 a:hover, 
.h5 a:hover, .h6 a:hover {
    color: red;
}

Hope it helps

Joao

[Author]

Posts