Go to athemes.com

Dual heading

The Dual Heading Widget allows you to display and style two parts of a heading individually. It’s perfect for creating visually engaging headings with distinct styles for each part.

Activate the widget

This widget is part of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the widget, and click on the switch to activate it. It will now be available in your Elementor interface.

Widget options

General settings

  • 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: Choose the HTML tag (e.g., H1, H2, H3) for the heading.
  • Display on separate lines: Toggle to display the two parts of the heading on separate lines.
  • Link: Add a URL link to the heading.
  • Alignment: Align the heading to the left, center, right, or justify.

Style tab

Customize the appearance of your dual heading under this tab. You have a variety of options to ensure the widget matches your website’s design and branding perfectly.

First part style

  • Padding: Adjust the padding around the first part of the heading.
  • Margin: Adjust the margin around the first part of the heading.
  • Border: Set the border properties including color, width, and radius.
  • Background: Set the background color or gradient for the first part of the heading.
  • Clip text: Enable to clip the text with the background.
  • Color: Choose the text color for the first part of the heading.
  • Typography: Customize the typography including font family, size, and weight.
  • Text Shadow: Add a text shadow to the first part of the heading.

Second part style

  • Padding: Adjust the padding around the second part of the heading.
  • Margin: Adjust the margin around the second part of the heading.
  • Border: Set the border properties including color, width, and radius.
  • Background: Set the background color or gradient for the second part of the heading.
  • Clip text: Enable to clip the text with the background.
  • Color: Choose the text color for the second part of the heading.
  • Typography: Customize the typography including font family, size, and weight.
  • Text Shadow: Add a text shadow to the second part of the heading.

These style options ensure that your dual heading looks professional and integrates seamlessly with your site’s overall design.

Usage tips

  • Use contrasting colors for each part of the heading to make it stand out.
  • Experiment with different typography settings to match your site’s theme.

Conclusion

The Dual Heading Widget is a versatile tool for creating engaging and stylish headings on your website. With extensive customization options, you can tailor the appearance to match your needs and provide an engaging user experience.