How to Change the Link Color of Elementor Custom Single Post Template

HomeWordPressHow to Change the Link Color of Elementor Custom Single Post Template

How to Change the Link Color of Elementor Custom Single Post Template

Elementor is the most popular page builder plugin for WordPress. Its pro verson comes with a theme builder feature that allows you to customize every single part of your website by creating custom templates. One of the custom templates you can create with Elementor Pro is the single post template.

When creating a custom single post template using Elementor Pro, you can add and customize several elements, including post content. To add this element, you can use the Post Content widget. After adding the widget to the canvas area, you can style it up by setting the font size, font family, font style, etc. Unfortunately, there is no option to set the link color. In other words, the color of the links on your posts will follow the theme settings.

So, what you should do if you want to tailor the link color with your color scheme?

First, you can change the link from theme customizer by going go to Appearance -> Customize on your WordPress dashboard. Alternatively, you can set the link color from Elementor Site Settings.

Site Settings is an Elementor feature introduced in version 3.0 which was released in 2020. The feature aimed at helping you to set your site identity (logo, icon, title, description) right from the Elementor editor so that you don’t need to back and forth between Elementor editor and WordPress dashboard. From Site Settings, you can also make other settings, including link color.

To change the link color via Elementor Site Settings, first, access Site Settings by entering to the Elementor editor by editing a page or custom Elementor template. Then, click the three-line icon on the top-left corner and select Site Settings.

Next, click the Typography menu on THEME STYLE block.

As you can see, there are several elements of the post body that you can set, including the link color. To change the link, simply click the color picker on the Color option on the Link block. You can also set the link color on the hover mode by clicking the HOVER tab.

Make sure to click the UPDATE button on the bottom side to apply the changes.

hand-picked weekly content in your inbox


related posts