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.
Change link colour in WordPress using CSS
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.
1. Choose the colour you want to use as your link colour
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.
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.
On the bottom left, you should see a link that says, “Additional CSS”.
3. Add the CSS code to change link colour
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.
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.
No Comments