Articles

How to change the link color in WordPress

change the link color in WordPress

Looking for a way to change the link color in WordPress?

By changing your website link color you can highlight the link and your user can easily navigate that. It can also give you more control over your design too. So here in this article, we will show you how to change the link color in your WordPress website.

Why do you need to change the link?

Your WordPress theme provides you a default color for your added link. Sometimes you like the color, sometimes you don’t. If you want to make your link color based on your brand color then you need to have these features.

There are plenty of reasons you need to change the link color. Most of the WordPress themes have provided the features to customize the link color. So if your theme has the features then you can easily change the link color using theme customization.

For the theme customization option go to Appearance > Themes page and click on the customization option.

change the link color in WordPress

But if your theme doesn’t have the features you need to follow the following process.

Change the link color in WordPress using CSS

The easiest way to change the link color is to add custom CSS. To add custom CSS again go to Appearance > Customize. From here you can add your custom CSS from the Additional CSS file.

change the link color in WordPress

This will open up a box where you need to add your CSS code.

At first, you need to add the code for the normal link color. This color will show before the user clicks on the link. For this add this CSS style.

a {

color: #FFA500;

}

Don’t forget to change the color code to your selected color.

Change the link hover color

To change the link hover color add the following CSS code.

a:hover {

color: #FF0111;

text-decoration: underline;

}

 

Change the link color when clicking

Now you need to add a link color when the user clicks on the link. This helps your users to understand which link they click on. Add this CSS to add color to the clicked link.

a:visited {

color: #0000FF;

}

Now add all these codes to the addition CSS field. This will change all the link colors of your website.

After adding all the code don’t forget to click on the Publish button.

If you add the link to any specific page or post then add the specific page or post name before this CSS code. You can follow this code sample.

Change the .page-name with your specific page or post name where you want to change the link color.

Wrapping Up

Following the process, you will be able to change the link color of your website. You can see our other tutorials to learn How to install a child theme in WordPress

How to Add Drop Caps in WordPress Posts

How to reset WordPress password from phpMyAdmin

We hope this article will help you. If you like this article please like our Facebook Page to stay connected.

You Might Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *