Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

ue-update-blog-security
Payment Method Icons - Featured Blog
WooCommerce Mini Cart - Featured Blog

Dual Color Heading for Elementor (Free & Easy to Use)

The “Dual Color Heading Widget for Elementor enhances your website design by allowing you to create visually appealing headings with two distinct colors. This free widget offers flexibility in styling, helping highlight key parts of your text for greater impact. Perfect for showcasing titles and messages, it brings a modern touch to your site. In this guide, we will show you how to create an Elementor heading with two colors.

 

Let’s look at each of the options in the “Dual Color Heading Widget for Elementor below.

Elementor Dual Color Heading Tutorial Video

Add a Free Dual Color Heading to Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Dual Color Heading”
  3. Hover over the widget in the search results and click install
  4. Add your “Dual Color Heading” widget to any Elementor Page
Add a Free Dual Color Heading to Elementor

General Settings in Elementor Dual Color Heading

General Settings in Elementor Dual Color Heading
1

Title One

Type text for first part of the title.

2

Title Two

Type text for second part of the title.

3

HTML Tag

Select the HTML tag for heading.

  1. div
  2. span
  3. H1
  4. H2
  5. H3
  6. H4
  7. H5
  8. H6
4

Alignment

Set the alignment of heading.

  1. Center
  2. Left
  3. Right

Elementor Dual Color Heading Styling

There are several styling options available to customize the widget’s design. You can select colors that match your site, adjust text, icons, fonts, and layout to achieve your desired look and functionality.

Elementor Dual Color Heading Styling

Title One Styling in Elementor Dual Color Heading

Set the first title color, typography, and shadow.

Title One Styling in Elementor Dual Color Heading

Title Two Styling in Elementor Dual Color Heading

You can set the color, typography, and shadow of second part of the heading.

Title Two Styling in Elementor Dual Color Heading

Dual Color Heading Design Examples For Elementor

Here are some live use cases for the Dual Color Heading Widget.

Free Elementor Dual Color Heading with a Simple Slider.

Free Elementor Dual Color Heading with a Simple Slider.

Free Elementor Dual Color Heading for Icon Number Box with a Background Image.

Free Elementor Dual Color Heading for Icon Number Box with a Background Image.

Thank you for using the Dual Color Heading Widget for Elementor! With its stylish and customizable design, this is the best Dual Color Heading Widget for Elementor, perfect for creating attention-grabbing headings with two contrasting colors. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!