How to Change Link Colors

If you find you don’t like the default link colors on a theme, it’s really simple to change them with just a few lines of code. If you’re using a Graph Paper Press theme, most of our themes allow you to change colors from the Theme Options. It’s important to think about the different properties of a link; what it looks like when it’s visited, unvisited and when you hover over it. Edit this code in your style.css file.

a:link {color:#CCCCCC;} /* unvisited link */
a:visited {color:#404040;} /* visited link */
a:hover {color:#FFFFFF;} /* mouse over link */

You can also add a text-decoration argument to add or remove an underline.

a:link {color:#CCCCCC; text-decoration:none;}
a:link {color:#CCCCCC; text-decoration:underline;}

To easily find the right hexadecimal color for you, check out this online color picker.

9 responses to “How to Change Link Colors”

  1. wheatgrass juicer Avatar

    Are those codes also apply for other wordpress themes then the graph paper?

  2. Guest Avatar
    Guest

    Looked into the style.css file. Cannot find the a:link lines you mention above. I want to change the blue hyperlink’s in the “Modularity Lite” theme to a red. They are not editable in theme options either. I did find $theme colors array for url and links in “theme functions” under editor – but it was not successful in changing my blue links to red. Any suggestions?

  3. Tech-Al Avatar
    Tech-Al

    Thanx very much

  4. attenzione.se Avatar
    attenzione.se

    Thank you, will change immediately. http://www.attenzione.se

  5. Bryan Avatar

    I am using the onsie pro theme.. Where do I change navigation colors?

  6. Rajan Avatar

    My current genesis child theme has green color for hyperlinks. How do I change all links to blue at once?

    1. Thad Allender Avatar

      Add this CSS code:

      a { color: red !important; }

  7. Pep Parera Avatar

    Hello, thank you very much, but where in the CSS code put the code, thanks

Leave a Reply

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