Elementor: How to Change Link Color

There are numerous reasons why you would want to change the link color. For one, you might want to have a website that looks a little different. When so many websites use the same color scheme, it can sometimes bypass readers as it just seems normal. Therefore, you get some people just skipping past important links. Changing the color makes it unique and more interesting to audiences, improving the number of clicks that are going to be used.

Another reason might be to do with your branding. Either you want to change the color so that it matches the second or third color in your branding. Or because your text color is blue and you want to change the link color so that it doesn’t compete or just look the same.

Another reason is that you might want to avoid some color blind problems, especially if you have yellow and blue on your website.

Whatever the reason, it is relatively easy for you to change the link color in Elementor for your entire website. You don’t need to do this one link at a time.

For this to happen, you need to click the Hamburger menu in the top left corner of any page or post’s widget panel. This will provide you access to the settings. You then need to click on Site Settings, Theme Style, and then Typography.

Now you need to look at the options and there is an option for a link. You can choose the default colors not just for the links on the page but also as the user hovers over the link. And you can turn the hover-over effect on and off.

Another option is to use CSS classes. For this, you need to go to the Site Settings and then the Custom CSS region. Or you can look at your theme customization page and then you can find your Custom CSS region. Then you need to add these classes to your text editor.

a.mygreenlink:link, a.mygreenlink:visited, a.mygreenlink:active
{ color:green; text-decoration: none; } a.mygreenlink:hover { color: green; text-decoration: underline; }


<a class=”mygreenlink” href=”#”>My Green CSS Class Link</a>
Inline HTML Style

You can change the color if you would like, but the above will change the normal blue into a green link.