See this widget in action here.
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.
Conclusion
The Advanced Heading Widget offers a wide array of features to create visually compelling headings. Its customization options allow you to design headings that not only stand out but also align perfectly with your site’s branding.