How to Change Link Color in WordPress (With Hover & Visited)

change link color

WordPress is an amazing CMS, where you can do almost anything you want. You can keep your site as it is by default or color it like you want. WordPress allows you to color its links by simple HTML codes. 

If you don’t know how to change link color in WordPress, then this post is for you. Here, you won’t have to become a programmer or learn any programming language. Just follow this post and then you will be able to change link color by yourself.

Let’s see.

How to Change Link Color in WordPress Using CSS

To change link color using CSS, first log in to your site dashboard and navigate to Appearance -> Customize

Now click on additional CSS. 

Enter the following code and hit the publish button. 

a {
  color: #800000;
 }

Here, “#800000” is the color code and it will show Maroon color. You can put your desired color code and update the link color.

How to Change Link Hover Color in WordPress

Similarly to change link hover color, just put the below code in the additional CSS option. 

a:hover {
color: #008000;
}

Then change the color code to whatever you want and don’t forget to hit publish button. WIth the color code #008000, your link hover color will show as green.

How to Change Visited Link Color in WordPress

To change the visited link color, you have to modify the code slightly. Just replace “hover” with the word “ visited”. Or you can simply put this code on the Additional CSS option and hit publish button.

a:visited {
color: #FFFF00;
}

Now the color for the visited link will turn yellow. 

If you want to change link color, link hover color, and link visited color all at once then paste the following code and change the color code as you like.

a {

    color: #800000;
   
   }
   
   a:hover {
   
     color: #008000;
   
   }
   
   a:visited {
   
     color: #FFFF00;
   
   }

Conclusion

Isn’t it easy to change the link colors? Now bring the changes and give different colors to your links. Some of the common HTML color codes are white (#FFFFFF), Red (#FF0000), Silver (#C0C0C0), Gray (#808080), Maroon (#800000), Green (#008000), Yellow (#FFFF00). 

I hope this post helped you to learn how to change link color in WordPress. If you liked the post, share it with your friends, and don’t forget to comment your thoughts in the box below. 

Leave a Comment

Your email address will not be published.