In WordPress, if you need to change the hyperlink color you can achieve it by using the editor or the CSS depending on where the hyperlink is located. In this post I want to guide you on how to change hyperlink color in WordPress.
If the hyperlink is located on the text that is added to the editor, you can change the hyperlink color by using the color option provided as I will show you in this quick tutorial.
How to Change Hyperlink Color in WordPress Editor?
In the text editor, you can see the color option that allows you to change the color in the top editor options as shown in the image above.
How to Change Hyperlink Color in WordPress Classic Editor?
We will start with the classic editor on how to change hyperlink color in WordPress through this editor.
You simply need to highlight the link and then apply the color as shown on the image below:
This is the classic editor that comes with that color option that allows you to change hyperlink color in WordPress as shown on the image above.
Now let us focus on how to change the hyperlink color on the new WordPress editor Gutenberg editor.
How to Change Hyperlink Color in WordPress Gutenberg Editor?
You can change the hyperlink color in WordPress Gutenberg editor by highlighting the text as shown in the image below and you apply the color options from the color panel on the right side as shown on the image below:
How to Change Hyperlink Color in WordPress CSS?
You can change the hyperlink color in WordPress through the CSS by editing the color property of the CSS code as shown in the image below:
This option overrides all the other options since it is given high priority as you can see on the image above.
Conclusion
In this post, we have looked at the two ways on how to change hyperlink color in WordPress through the WordPress editor. You can also change the hyperlink color in WordPress through the CSS by editing the CSS and adding custom CSS options.
Joe is an experienced full-stack web developer with a decade of industry experience in the LAMP & MERN stacks, WordPress, WooCommerce, and JavaScript – (diverse portfolio). He has a passion for creating elegant and user-friendly solutions and thrives in collaborative environments. In his spare time, he enjoys exploring new tech trends, tinkering with new tools, and contributing to open-source projects. You can hire me here for your next project.