See this widget in action here.
Want to create eye-catching headings with custom highlights and projections? The Advanced Heading widget in aThemes Addons for Elementor lets you style your headings with highlighted text, projection effects, subtext, and full typography controls.
In this guide, we’ll walk you through how to use the Advanced 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. This widget requires aThemes Addons Pro.
The Advanced Heading Widget allows you to create beautifully styled headings with customizable text, highlights, and additional design elements like projection and subtext. Perfect for enhancing content visibility and aesthetics.
Activate the Widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it:
- Navigate to the aThemes Addons dashboard in your WordPress admin area.
- Search for the Advanced Heading widget.
- Toggle the switch to activate it. The widget will now be available in the Elementor interface.
Widget Options
Content Section
- Text: Add a heading with customizable text. Use
{{element}}to highlight specific parts. - HTML Tag: Choose the HTML tag (e.g., H1, H2, span) for the heading.
- Link: Add a clickable link to the heading.
- Alignment: Align the heading to the left, center, right, or justified.
With the Advanced Heading Widget, you can easily highlight text by wrapping it in {{double curly braces}}, which allows you to apply custom styles like distinct colors, backgrounds, or text shadows.
Projection Options
- Enable Projection: Display a large text projection behind the heading for a dramatic effect.
- Projection Text: Add text for the projection.
- Positioning: Adjust the vertical and horizontal position of the projection.
Subtext Options
- Sub-text: Add additional text above or below the heading.
- Position: Choose whether the subtext appears above or below the main heading.
Style Options
- Padding and Margin: Adjust the spacing around the heading.
- Border and Radius: Add borders and rounded corners.
- Background: Apply classic or gradient backgrounds.
- Text Shadow: Enable and customize multiple text shadows.
- Clip Text: Use the background as a fill for the text for unique effects.
- Color and Typography: Customize text color, font size, and style.
Highlighted Text
- Padding and Margin: Adjust spacing around the highlighted text.
- Border and Radius: Customize the border and add rounded corners.
- Background: Add solid or gradient backgrounds to the highlighted section.
- Clip Text: Apply background-clip for creative text effects.
- Text Shadows: Enable and configure multiple text shadows.
- Color and Typography: Customize the color, font, and style of highlighted text.
Usage Tips
- Keep Headings Short: Use concise and impactful text to grab attention.
- Use Highlights Strategically: Highlight only key parts of the heading for emphasis.
- Leverage Projection: Use projection text sparingly for bold statements.
- Optimize Subtext: Provide context or additional information using subtext.
That’s it! You’ve successfully set up the Advanced Heading widget with custom highlights, projections, and styling on your site.
Next, would you like to add social media links to your pages? Check out our guide on using the Advanced Social Icons widget to learn more.
