Change Color Of Links In A WordPress Theme

Have you found a that you really liked but one little thing like the color of the links stopped you from using it? It really isn’t that hard to change the color of the links in a .

The theme file you need to edit is the stylesheet or style.css. To edit this, or any of your ’s files you need to set the proper file permissions on them on your hosting account. I suggest you just CHMOD the whole wp-content folder to 666 or 777. Or at least the themes folder in the wp-content folder. You could do this with an FTP client too but that will involve a few extra steps.

I prefer editing the files right from within the . In the dashboard click Presentation, then Theme Editor. Usually the first file is the stylesheet and is already open. Make sure by looking to the right and clicking it to open it in the editor. Before you make any changes in here copy all the text and paste it into Notepad or your favorite text editor. This way if things go bad you can restore it real quick. The code you are looking for looks something like this below:

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

a:hover{
text-decoration: underline;
color: #333;
}

a:visited{
text-decoration: none;
color:#333;

You can choose to have different colors for regular links, links that have been already visited and when a mouse is hovering over them. You can also choose to “decorate” the links. Just change the color # to any 3 or 6 digit hex color code you want and click update file on the bottom right. View your site and and admire your handy work!

Some possible text-decoration:

 

  • none - Text has no decoration.
  • underline - Text is underlined.
  • overline - Text has a line over it.
  • line-through - Text has a line drawn through it.

Find hex color codes here –> Hex Color Codes or do your own Google search.



Share This AddThis Social Bookmark Button Sphinn Gregarious FeedFlare

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!


Tagged with ,


Related Posts





3 Responses to “Change Color Of Links In A WordPress Theme”

  1. […] Check it out! While looking through the blogosphere we stumbled on an interesting post today.Here’s a quick excerpt Have you found a WordPress theme that you really liked but one little thing like the color of the links stopped you from using it? It really isn’t that hard to change the color of the links in a WordPress theme. The theme file you need to edit is the stylesheet or style.css. To edit this, or any of your WordPress theme’s files you need to set the proper file permissions on them on your hosting account. I suggest you just CHMOD the whole wp-content folder to 666 or 777. Or at least the themes f […]

  2. You’re site looks great Jeff and you always give clear and concise information in all your posts.

    I personally know how helpful you are since you have received way too many emails from me about making changes on my blog.

    Thanks again.

    Laura

    www.moneymakingmathteacher.com
    www.moneymakingmathteacher.com/blog

  3. I have been looking for information on how to do this all day. While my theme didn’t have those exact lines, it led me in the general direction, from there I just had to add a line of code to hold my color information.

    Thanks for the help!

Discussion Area - Leave a Comment

If you have a question about your blog please leave a link to it. Please don't ask questions like "Why don't my blog work right?" and expect an answer.

Two links or less are welcome, any more and your comment will be spammed! Nofollow has been disabled, all comments are moderated and will not appear until approved. Please submit only once.



XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Or just copy the example below and change your details.
Example - <a href="http://www.YourSite.com">Title Of Site</a>







Close
E-mail It