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 http://www.computerhope.com/htmcolor.htm, 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
http://wordpress.org/support/topic/changing-hover-color-in-css
http://wordpress.org/support/topic/help-changing-color-of-hover-in-menu
http://wordpress.org/support/topic/changing-color-of-visited-link

Wordpress Stylesheet

March 18, 2011

Leave a Reply

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