How to Change Link Colors

Thad Allender

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”

wheatgrass juicer

March 25, 2012

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

Reply
Guest

August 28, 2013

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?

Reply
Tech-Al

September 30, 2013

Thanx very much

Reply
topseoforum.com

July 1, 2014

Thank very much http://www.topseoforum.com/

Reply
attenzione.se

July 17, 2014

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

Reply
Bryan

February 17, 2015

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

Reply
Rajan

April 9, 2016

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

Reply
1. Thad Allender
  
  April 13, 2016
  
  Add this CSS code:
  
  a { color: red !important; }
  
  Reply
Pep Parera

May 11, 2016

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

Reply