How to Configure and Style Dual Color Heading #
Grab your visitor’s attention by highlighting a single word in a sentence with a different color. Dual Color Heading lets you do exactly that. Pick colors in the right contrast. And sure enough, you will invoke certain emotions into your site-visitors.
How to Activate Dual Color Heading #
To use this Sastra Addons element, find the ‘Dual Color Heading‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Dual Color Heading’ into the ‘Drag widget here‘ or the Elementor section.
After you are successfully done with step 1, this is how the element is going to look like.
How to Configure the Content Settings #
Under the ‘Content’ tab, you will find the ‘Settings’ section.
Settings #
First of all, you have the freedom to choose your preferred ‘Content Style’ out of the given 4 Layouts: Default, Icon Top, Description Top and Heading Bottom. Besides, you can use the toggle to display or hide the Icon for the ‘Dual Color Heading’ as well. If it’s enabled, you are able to change the icon as per your preference.
Dual Color Heading is divided into two parts: Heading & Description. On the other hand, the Heading itself is divided into two parts as well. You can easily modify the texts for both parts of the Heading.
Besides, The description is more of descriptive text to give your viewers an idea about what you are offering. You are able to write your own personalized Description as well.
From the ‘Settings’, you are able to change the alignment of your ‘Dual Color Heading’.
Click to See Live Demo #
How to Style Dual Color Heading #
Switch to the ‘Style’ tab to style all the features of Dual Color Heading.
Primary Heading #
From the ‘Primary Heading’ section, you have the flexibility to modify the ‘Background Type, Text Color, Typography, Padding, Gutter & add styling to the Border & Distance.
Secondary Heading #
From the ‘Secondary Heading’ section, you have the flexibility to modify the ‘Background Type, Text Color, Typography, Padding & add styling to the Border.
Description #
From the ‘Description’ section lets you modify the color and distance for ‘Description’. You are also able to change their ‘Typography’ as well.
Icon #
If you have the ‘Show Icon’ option enabled from the ‘Settings’, you will then see the ‘Icon Style’ section from the ‘Style Tab’. You will then be able to change the size, distance & color of the Icon you are using as well.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Dual Color Heading as per your preference.
With the help of Dual Color Heading, this is how you can design an impressive & unique headline for any special offer you have. Thus, you will easily be able to grab your visitors’ attention.
Getting stuck? Feel to Contact Our Support for further assistance.
