How To Change Link Color In Wordpress Blog Post

Home » How to Change Link Color in WordPress 2021?

Whether you want your website to look unique or your links don't look good against the preset background, changing their color can make a significant difference.

Most online links are blue, then change to purple after they've been clicked. However, there are many ways to make your WordPress website utilize different colors.

To change the link color in WordPress, head to the theme editor, click on the 'Colors' tab, and change the link and font color to your desired preferences. You can also change your website's CSS by adding bracketed text to alter the link's color. Page builders let you customize the link color, too.

Throughout this article, you'll also learn the following information about how to change the link color in WordPress:

Three easy methods anyone can try to change their link's color
Why page builders simplify font and link color alterations
CSS options to access your WordPress website's link color

Change the Link Color on WordPress's Customization Page

Perhaps the easiest way to change the link color in WordPress is to access the theme's customization area. Not all WordPress websites have this option, but it's worth looking for since it's much easier than changing the CSS code.

Below, we'll go through Clever Sequence's step-by-step process to change your site's link color on the theme customization page.

Go to the WordPress page for your website, click 'Appearance,' choose 'Customize,' then look for a link that says 'Colors.' Click the colors link, then check for what you're allowed to adjust. Some websites only let you change the text, background, and header colors, but some allow you to change the link's color.
Use the color wheel or look up a color code on Google. All you have to do is type "WordPress Color Code (insert the desired color)." This will bring up a number. For example, blue is #0073aa. Input that color code into the color wheel on the customization tab for your theme.
Perform the previous step for the link when it's clicked. It's important to have different colors, so people know when they've viewed the link. You could make the clicked text a different shade of the same color, such as light blue for a dark blue link or light red for a dark red link.

Adjust the CSS Code to Adjust the Link's Color

Changing your WordPress's link color isn't too difficult if you know how to edit the CSS. Follow the same steps of the previous process to access the theme's customization tab.

Instead of clicking the 'Colors' link, look for additional or advanced CSS. You can input various codes to alter the text color.

Much like the previous example, you'll need the desired color codes. Once you have them, use Binary Carpenter's copy-paste text to change your theme's CSS and make the links whatever color you want to.

You can view the changes before finalizing your decision. Never click 'Publish' until you're sure you like what the links look like.

Once you publish the theme, you'll have to go back and change everything if you want it to go back to normal.

Use a Page Builder to Change Your Hyperlink Colors

Last but not least, page builders like Elementor take the work out of your hands. You can change the text's font and color, including your links.

Here's the three-step process:

Click 'Edit Section.'
Choose the 'Style' tab.
Navigate to 'Typography.'
Change the link, text, and other font colors throughout the section or your whole website.
Preview the changes, then publish them once you're satisfied with the results.

Check out this video on YouTube by WP Chap for a quick example

Conclusion: How to Change Link Color in WordPress

Changing your WordPress site's link colors will make your website stand out from the rest. Make sure you use colors that contrast and mesh with your website so they're not difficult to see or click.

Consider reviewing a list of opposing color codes before making your final decision. Many website owners use the color combinations of their brand.

Here's a quick recap of the post:

You can quickly change your link's color on most WordPress themes.
Page builders, such as Elementor, let you change the link text.
Never adjust the CSS code unless you know how to reverse the action

Other WordPress Guide Articles:

WordPress Core Web Vitals
WordPress Statistics
A Complete Guide to WordPress SEO
The Definitive Guide to Add Google Analytics in WordPress
Beginners Guide to WordPress User Roles and Capabilities
Ultimate Guide to WordPress Staging
Ultimate WordPress Security Guide
Install WordPress on Windows

Reader Interactions