Table of Contents Hide
How to change the hyperlink color in Elementor? Are stuck with the default pink Elementor hyperlink color on your website? Would you like to change that to a color that represents your brand better? In this tutorial, I’ll show you exactly how you can change the hyperlink color in Elementor from pink to any color you would like to use.
1. Login on WordPress
The first step to changing the hyperlink color in Elementor is to log in to your WordPress dashboard. Most of the time, you should be able to navigate to yourdomain.com/wp-admin to get to your WordPress dashboard.
2. Edit anything with Elementor
Now that you’re logged in to your WordPress dashboard, navigate to any element of your website and edit it with Elementor. For example, you could go to “Pages” and then edit any of the pages on your website with Elementor.
3. Navigate to the “Site Settings”
Now that Elementor is loaded, you’ll be able to navigate to the “Site Settings” to change the color of all hyperlinks on your website! To do that, simply click on the hamburger menu on the top left of your screen.
Then, you can click on “Site Settings” to open the settings of your website where you will have the option to change the default hyperlink color of Elementor.
4. Set the new hyperlink color
Now that you’re in the settings of your website, it’s time to change the hyperlink color. To do that, navigate to “Typography” and then, scroll down to “Links”.
Here, you will be able to change the color of all the hyperlinks on your website, the color of all the hyperlinks in the hover state, and even the typography (font, size, weight…) of all the hyperlinks on your website!
5. Save your edits
Once you changed everything you wanted, don’t forget to press the blue “UPDATE” button to save your edits and you should be good to go!
All the links on your website should now be changed from pink to the new color you selected. If you have any issues, leave a comment below and we’ll try our best to help out!
If you want to learn more about website design and website development, check out our latest blog posts.