How to Add Headings in Elementor

Looking to add Heading in Elementor? The Heading widget helps you to build an attractive header with subtitles, description, style control, text background image with parallax, etc.

Here, I will show you the easiest way to create Heading in Elementor so let’s get into it.

Search and select the Heading widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

A window with the basic setting options will appear. Under the Layout tab, It will give you many options to customize your sections.

The Heading Widget allows you to create stylish title headings.


Title –  Type your heading text.

Link – Link the heading to a URL

Size – Change the heading to Small, Medium, Large, XL, or XXL

HTML Tag – Set the heading’s HTML tag to H1- H6, Div, Span, or Paragraph

Alignment – Align the heading to the left, right, center, or justified

In the Style tab, you can customize the text color & shadow, typography, margin, padding, border, spacing, size, and many more.


Text Color – Choose the color of the heading text

Typography – Change the typography options for the heading text

Text Shadow – Add a shadow and blur to the heading text

Blend Mode – Select from multiple layer effects including Normal, Multiply, Screen, Overlay, etc.

Finally, after completing all the customization, Here is an example of output from our website

If you have created Heading successfully then Congratulation! If not, then start checking the steps again. If you get stuck with any problem while following the above procedures, don’t hesitate to drop a line below.

Feel free to contact us if you need any help regarding this topic. Do let us know the topics you want us to cover in the comment section or reach out to us with your queries by clicking the contact form below.