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.

This entry was posted in . Bookmark the permalink.

Posted by , Founder at Graph Paper Press

Thad is a photographer, designer and developer who embraces the evolution of storytelling on the web. He lives in Brooklyn, NY with his wife Abby.

  • Blog
  • Instagram

  • http://wheatgrassjuicer.co/ wheatgrass juicer

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