booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Dual Heading

Dual Heading

Preview Widget
Preview Widget
Getting Started
Heading Styling

More Widgets

• Advanced Heading
• Animated Heading
• Block Quotes
• Fancy Text

# Getting started

The dual heading widget is the perfect tool for both the users that wants to create eye-catching headings and those who prefer a more simplistic design to give another element the space to shine.This widget is composed of two parts that can either have a similar decorative pattern or  totally different colors and styles, it all depends on your needs and your imagination.

You can find the list of customisations that this widget offers down below.


In the content section, you will define the text for your heading and setup the alignement.

  • Heading 1 & Heading 2: Select which heading you want to modify and change its text and tag.The tag selection is available in order to improve the search engine optimization and won't affect the design.
  • Content Alignement :  Align the dual heading widget in the containing section.
  • Link : Specify a go to link on click.You can click on the link options button(The cog wheel on the right) to enable the 'open in new window' and the 'no follow' options.


Under the styling tab section, you will have the full control over the styling & design of all the aspects of the dual heading widget.For both heading 1 and heading 2, you can change the text properties, colors, backgrounds...

  • Styling Settings

-Enable Advanced Styling : Enabling this will provide you with more advanced styling options that will appear at the bottom of the styling tab.

-Heading 1 & Heading 2 : Select​ which heading part you want to style.Note that every single styling option in this tab will only affect the selected heading.

-Typography & Text Color : Change the text color, font family, font size, letter spacing and all the other text properties.You can use a gradient color with the possibility to control the direction.

-Background : You can either upload an image to use as a background or use colors instead.Solid and gradient colors are both available with the addition of having full control on the gradient behavior.

-Borders & Shadows : Apply a border with full control over the type, width, and color.You can also add a text shadow or a box shadow and create unique headings.

-Distances : Control the space around and within each heading part using margins and padding.

The following options will only be displayed if the advanced styling option is enabled.

-Background & Text Margins : Control the background and text margins.This will you give even more design possibilities and only your imagination is the limit.

-Z Index & Element Overflow : This option is only for advanced users that know their way around CSS.You can change the z-index value for each heading part if you have trouble with overlapping elements.You can also alternate the default overflow behavior to have more control on what is displayed.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket


We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.




Email :

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020