Change Link Colour site wide

Is it possible to change the main body link colour for text in articles and k2 articles site wide? I'm sure this can be done by changing a css file but am not sure which one.

What code should I use and is it possible to do this via the advanced setting css override box in the template manager.

Thanks for your help - Andy

Would You like to change only color of link in articles, or menu etc also?

Would You like to change only color of link in articles, or menu etc also?

thanks for your fast reply - Great!

I'd like to just change the colour of links in articles. Thanks.

Please edit: /templates/gk_gamemagazine/css/override.css and add at its end:

Code: Select all

div.itemBody a {color: #ff0000;}
div.itemBody a:hover, div.itemBody a:active, div.itemBody a:focus {color: #6896C1;}


First line will set color of links in articles, second will set color of hover also in articles.
This code will not change color of headings and other links.

Remember to enable "CSS override" in template settings - advanced section.

Please edit: /templates/gk_gamemagazine/css/override.css and add at its end:

Code: Select all

div.itemBody a {color: #ff0000;}
div.itemBody a:hover, div.itemBody a:active, div.itemBody a:focus {color: #6896C1;}


First line will set color of links in articles, second will set color of hover also in articles.
This code will not change color of headings and other links.

Remember to enable "CSS override" in template settings - advanced section.

Thanks for your help with this. I've added the code to the override.css file, "CSS override" is switched on but there appears to be no effect in links in articles (??) They still remain very difficult to see against the grey body text.

I'd like to change link colour for all body text which appears in articles, categories, K2 Articles and K2 Categories if possible.

Could You post an URL to your site?

Sorry for the delay in my reply - The site isn't public yet and is password protected. I'll send a direct message with the login details. Andy

Correct the code:

Code: Select all

div.itemBody a, .articleContent a, #k2Container .itemListCategory a {
    color: #ff0000;
}

div.itemBody a:hover, div.itemBody a:active, div.itemBody a:focus, .articleContent a:hover, .articleContent a:active, .articleContent a:focus, #k2Container .itemListCategory a:hover, #k2Container .itemListCategory a:active, #k2Container .itemListCategory a:focus {
    color: #6896C1;
}


This should work better.

But... If You would like to change all link colors (also in menu, article lists etc), You could do:

Code: Select all

a {
    color: #ff0000;
}
a:hover, a:active, a:focus {
    color: #6896C1;
}


Thanks so much for your help with this - I'll give it a go. Best - Andy

Worked perfectly - Thanks very much for your speedy help. Many thanks - Andy