1. Home
  2. Docs
  3. Content Elements
  4. Advanced Heading

Advanced Heading EA Element

Advanced Heading element allows you to create some stunning heading with some customizable styles in it. Here in this tutorial, you’re going to learn how to use the Advanced Heading element into Elementor Page Builder. So let’s get straight into it:

 

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Advanced Heading Element

 

»Content

 

Content Settings

⇒Content Style: Set the content style of the heading.

⇒Show Icon: Enable the Show Icon if you want to add an icon and display it within your heading.

⇒Icon: Select the icon you want to display in the heading. You can choose from the icon library or upload an SVG as an icon.

⇒Title (first part): Type your heading title for the first part.

⇒Title (first part): Type your heading title for the last part.

⇒Sub-Text: Type the sub-text for the advanced heading.

⇒Alignment: Set the alignment of your advanced heading.

 


»Style

 

Duel Heading Style

⇒Background Color: Set a custom color for the background.

⇒Padding: Set the padding value for the top, right, bottom and left around the heading for different dimensions. You can link the values together or customize them individually.

⇒Margin: Set the margin value for the top, right, bottom and left around the heading for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Select a border type from the list according to your preference.

⇒Border Radius: Set the border radius for the top, right, bottom and left around the heading for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Icon Style

⇒Icon Size: Set the icon size for different dimensions.

⇒Icon Color: Customize the icon color of the heading.

 

Color & Typography

⇒Title Style

→Main Color: Add a custom color to the main text of the heading title applied to the last title.

→Dual Color: Add a custom color to the first text of the heading content.

→Typography: Set the typography options for the titles.

⇒Sub-title Style

→Color: Add a custom color to the sub-title text of the heading content.

→Typography: Set the typography options for the sub-title.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of Advanced Heading Element.


Was this article helpful to you? Yes No

How can we help?