Menu
Wordpress Tutorials / Wordpress

How to change link colour in WordPress

Wordpress link colour change
Published 15 April 2021

Depending on the theme you choose for your WordPress website, certain features will be defined based on this. One of these features includes the colour of links that you use in your posts or pages. Occasionally, the theme editor can make it difficult for your website visitors to distinguish whether something is a link. Therefore, you may wonder, how can you change the link colour in WordPress?

Another reason as to why you may wish to change the link colour could be to make it more consistent with your brand. Changing the link colour is fairly easy and this tutorial will show you step-by-step how to do this.

CSS (Cascading Style Sheets) is a style sheet language that describes the presentation of your web page written in HTML. Knowing CSS can be very helpful when you need to customize your site. However, if you do not know how to write CSS, you can simply follow this tutorial. Moreover, many WordPress themes make it easy to add additional CSS.

Firstly, you must find the code of the colour you wish to use. I would suggest using a colour that is consistent with your brand or that will be easy to identify by your website visitors.

You can go to HTML Colour Codes and select what colour you wish to use. Once selected, copy the code. Here I am using #EA0082.

Selecting the html colour code to change link colour in worpress

2. Navigate to Additional CSS

Once you have your colour code, you need to access a link where you can insert additional CSS. To do this, go to Appearance > Customise on your WordPress dashboard. Personally, I use the Astra theme a lot and this allows me to add any additional CSS to my websites.

Customise the appearance of a wordpress theme

On the bottom left, you should see a link that says, “Additional CSS”.

Add additional css to wordpress theme

Next, you need to define the rule for all “anchors”. This is basically HTML talk that means any links on your website. Here we use the code with the letter “a”, which stands for “anchor”. Simply add the following code into the bottom of your Additional CSS box:

a {
  color: #EA0082;
}

To change the colour to whatever colour you chose in Step 1, simply replace my colour value with the one that you selected.

Change link colour in wordpress using additional css

Make sure you do not delete any other additional CSS. Once you have double checked this, click Publish. Any links on your WordPress site will now be changed to the colour you set.

Conclusion

From this tutorial, it is very easy to change link colours on your WordPress website. Although you need to have a basic understanding of HTML and CSS, it is still relatively simple. And even if you still are not 100% sure, simply copy the code in this tutorial and you will be good to go.

Did you find this tutorial useful? Click here for more WordPress tutorials.

About Author

Emer has a passion for website development and entrepreneurship, so she is here to give you the information you need to grow your online presence!