How to configure and style Dual Heading Widget.
Spark user-interest by adding creative, attractive dual-color headings. With options like adding icons and subheadings, design the Dual Heading the way you want. Using Exclusive Addons Dual Heading Widget for Elementor.
STEP 1:
Select the ‘Dual Heading’ widget from Elementor panel. Then drag and drop it in the selected area.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-1.png)
STEP 2:
In Content section you get First Heading, Second Heading, Suh-heading and Icon. You can enable or disable icon. You can change first and second heading. And also change sub heading text.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-2.png)
STEP 3:
Style section consist of ‘General Style’, ‘First Heading’ and ‘Sub Heading’.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-3.png)
3.1. In General Style you can change alignment, change icon color and icon size. You can also give icon margin.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-4.png)
3.2. In First Heading, you can apply text color, background color, margin, padding and typography.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-5.png)
3.3. Second Heading also contains same parameter as First Heading.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-6.png)
3.4. Sub Heading Contains text color, typography, margin and padding.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-7.png)
STEP 4:
Finally, after clicking the update button you will see the beautiful Dual Heading on your webpage.
![](https://exclusiveaddons.com/wp-content/uploads/2019/11/dualHeading-8.png)