a,a:visited,a:hover – CSS Fix

Here is the issue I had on one of my blogs (Note: I’m not a CSS expert).

The following code within my blog CSS file was dictating my link color format:

a,a:visited,a:hover {
color:#777777;
text-decoration:none;
}

I wanted my menu links to be a different color from the links within my blog page.

The solution was to add the following code within my CSS file and then using the h6 reference to change the link color within the menu:

h6 a {color: #CCCCCC;}
h6 a:visited {color:#CCCCCC;}
h6 a:hover {color: #CCCCCC;}
h6 a:active { color:#CCCCCC;}

Note it doesn’t have to be h6 it just needs to be unique to the rest of the CSS file.

Dog not included!

Regards,
Jared Blake