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.
- Big Titles
- Former Fancy Title in Jupiter theme
- Gradient Text
- Advanced Text with custom typography
- Beautiful Typography
- Heading tags
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:
|Title||Add the title contents here.|
|Link||It’s optional. In case you would like to make the title clickable, you can enter your desired link URL.|
|HTML Tag||For 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.|
|Ornaments||It’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.|
The Heading element like any other Raven elements has several styling options.
|Color Type||Sets a solid color or a gradient color.|
|Typography||Set the title’s typography like font size, letter spacing and so on.|
|Alignment||Aligns the title on a page.|
Please consider, this section appears if you enable the ornaments option from the Content Tab > Settings > Ornaments.
|Ornament Style||Sets some cool decorative lines to the heading element.|
|Thickness||Set the ornaments decorative lines thickness.|
|Color||Sets ornaments decorative lines color.|
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.