Change WordPress colours for link visited hover

Go to your wordpress dashboard, click on ‘Appearance’ > ‘Editor’. This will open up a Stylesheet (style.css) editor.

Here you can change the colours for ‘link’, ‘visited’, and ‘hover’, like this:

a:link {
    color: #hexcodelinkcolor;

a:visited {
    color: #hexcodeyouwantvisitedlinktobe;

a:hover {
    color: #FF0000

A lot of hex colour codes are listed at, although you may be copying the same colour code as already used elsewhere in your site.

These might appear more than once: first in the default global settings, but maybe also in a ‘Menu’ or ‘Header’ or ‘Content’ specific section lower down.

Click ‘update file’ to save changes.

It is a good idea to to cut and paste all the Stylesheet text into your PC somewhere before changing anything, so you have a good baseline version to revert to if needed.

More at

Wordpress Stylesheet

March 18, 2011

Leave a Reply

Your email address will not be published. Required fields are marked *