Would you like to style two parts of a heading differently on your website? The Dual Heading widget in aThemes Addons for Elementor lets you split a heading into two parts, each with its own typography, color, and background settings for eye-catching designs.
In this guide, we’ll walk you through how to use the Dual Heading widget in aThemes Addons for Elementor.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor.
Activating the Widget
Go to your WordPress admin dashboard and navigate to the aThemes Addons dashboard. Search for Dual Heading and toggle the switch to activate the widget.
Exploring Widget Options
Configuring General Settings
The General Settings section controls the content and layout of your dual heading:
- First Part – Enter the text for the first part of the heading.
- Second Part – Enter the text for the second part of the heading.
- HTML Tag – Select the heading tag (H1, H2, or H3).
- Display on Separate Lines – Toggle to place each part on its own line.
- Link – Add a URL to make the heading clickable.
- Alignment – Choose left, center, right, or justify alignment.
Customizing the Style Tab
The Style tab lets you customize the appearance of each heading part with a variety of options to match your design and branding.
Styling the First Part
- Padding – Set inner spacing around the first part text.
- Margin – Set outer spacing around the first part.
- Border – Configure border color, width, and radius.
- Background – Choose a color or gradient background.
- Clip Text – Clip the text with the background for a creative effect.
- Color – Set the text color.
- Typography – Set font family, size, weight, and style.
- Text Shadow – Add a shadow effect to the text.
Styling the Second Part
- Padding – Set inner spacing around the second part text.
- Margin – Set outer spacing around the second part.
- Border – Configure border color, width, and radius.
- Background – Choose a color or gradient background.
- Clip Text – Clip the text with the background for a creative effect.
- Color – Set the text color.
- Typography – Set font family, size, weight, and style.
- Text Shadow – Add a shadow effect to the text.
Following Usage Tips
- Use contrasting colors for the two parts to create strong visual impact.
- Keep headings concise for a clean, readable layout.
- Use the clip text feature for creative background-based text effects.
- Test the heading display on all devices to ensure it looks great everywhere.
That’s it! You’ve successfully learned how to use the Dual Heading widget in aThemes Addons for Elementor to create split headings with distinct styles.
Next, would you like to add interactive flip content to your pages? Check out our guide on using the Flip Box widget to learn more.
