In this guide, we will show you how to add a “Dual Color Heading widget” to your Elementor website. The Dual Color Heading widget helps you create eye-catching titles by blending multiple text colors and styles within a single heading. Perfect for adding emphasis and creative flair, this free widget gives you the flexibility to highlight key parts of your text with ease. With customizable options for fonts, colors, and layouts, the Dual Color Heading widget enhances your website’s typography with bold, standout design.
Let’s explore the customization options available in the “Dual Color Heading widget” for Elementor below.
Elementor Dual Color Heading Tutorial Video
Add a Free Dual Color Heading to Elementor
Go to Unlimited Elements and click "Widgets".
Search for "Dual Color Heading" in the widget library.
Hover over the widget and click Install.
Add a Free Dual Color Heading Widget to an Elementor Page
Click "Add Element" in Elementor
Search for "Dual Color Heading" in the widget panel.
Drag and drop the “Dual Color Heading” widget into the container.
Elementor Dual Color Heading Widget General Settings
Title One
Enter the primary heading text.
Title Two
Enter the secondary heading text.
HTML Tag
Select the heading container tag (e.g., div, h1–h6).
Alignment
Set the text alignment (left, center, or right).
Elementor Dual Color Heading Widget Style Settings
Title Color One
Set the primary color for the first part of the title.
Typography One
Configure the font settings for the first title section.
Shadow One
Apply and customize text shadow effects for the first title.
Title Color Two
Set the color for the second part of the title.
Typography Two
Adjust font family, size, weight, and style for the second title section.
Shadow Two
Apply and customize shadow effects for the second title.
Dual Color Heading Widget Design Examples For Elementor
Here are some live use cases for the Dual Color Heading widget.
Icon Number Box with Elementor Dual Color Heading.
Audio Playlist with Elementor Dual Color Heading.
Thank you for using the Dual Color Heading widget for Elementor! With its ability to combine multiple text colors and styles within a single heading, this widget offers unlimited control and design flexibility for creating visually striking titles on your website. Perfect for emphasizing important text and adding creative flair, it’s an ideal tool to enhance your site’s typography with ease. If you have any questions or need assistance, feel free to reach out. For inspiration and live examples, be sure to check out the demo on our website.
