Heading Element

Last Updated on

The Heading element is one of the most frequently used elements in Jupiter X. It allows you to display an extremely impressive title with many beautiful styles to attract your viewers at first click.

Common Uses:

  • Big Titles
  • Former Fancy Title in Jupiter theme
  • Gradient Text
  • Advanced Text with custom typography
  • Beautiful Typography
  • Heading tags
x
Beware! This element is a part of the Raven elements. Raven is an exclusive plugin developed by Artbees which represents new useful elements to Elementor. In order to see the default Elementor Heading, you need to look for it in the Elementor knowledgebase.

In this article, we will explain how to display the Heading element and configure the style.

In this article


Displaying a heading element

To add a Heading element to a page:

1
Add a new page or edit an existing one.

2
Click on Edit with Elementor button.

3
From the left dashboard, search for a “Heading”.

4
Drag and drop the header element to your page.

5
A new dashboard on the left will open with the element’s settings. These are explained below.

Content

SettingDescription
TitleAdd the title contents here.
LinkIt’s optional. In case you would like to make the title clickable, you can enter your desired link URL.

Settings

SettingDescription
HTML TagFor SEO reasons you might need to define your title’s tag names according to priority. Please note that H1 can only be used once on a page due to SEO. Try to use lower than H2 to meet SEO best practices.
OrnamentsIt’s optional. Allows you to add decorative lines to your heading title. You can set and change the ornaments styles from the Style tab > Ornaments.

Styles

The Heading element like any other Raven elements has several styling options.

Heading

SettingDescription
Color TypeSets a solid color or a gradient color.
TypographySet the title’s typography like font size, letter spacing and so on.
AlignmentAligns the title on a page.

Ornaments

Please consider, this section appears if you enable the ornaments option from the Content Tab > Settings > Ornaments.

SettingDescription
Ornament StyleSets some cool decorative lines to the heading element.
ThicknessSet the ornaments decorative lines thickness.
ColorSets ornaments decorative lines color.

Responsive Options

You can choose to have different settings on different screen sizes for some of the Heading element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.

At first you’ll see the icon for desktop layout only

But when you click that icon, you’ll get two more layouts: for tablet and phone.

To learn more about it, please check this article.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket