Heading Element

This article shows you how to use the Heading Element in GemPages to enhance your page design.

What is the Heading Element?

The Heading Element in GemPages allows you to add titles and subtitles to your web pages. It focuses on showcasing headings with clear and visually appealing styles, helping visitors quickly understand the most important information.

By using headings strategically, you can:

Make key information stand out.
Enhance the readability of your page.
Improve your page’s SEO by using the correct heading tags.

heading-element-1

How to Add Heading Element to your Page?

Step 1: Use the search bar in the GemPages editor to find the Heading Element.

Step 2: Drag and drop the element into your preferred position on the page.

heading-element-3

Heading Element Settings

1. Text

Style: Choose the heading
Font: Select a font style that matches your brand identity.
Size: Adjust the font size to make the heading prominent.
Color: Pick a color that complements your design.
Font Weight: Control how thick or thin the text appears.
Line Height: Adjust the space between lines for better readability.
Letter Spacing: Create a more modern or compact look by changing the space between letters.
Transform: Convert the text to uppercase, lowercase, or capitalize the first letter of each word.
Shadow: Add a text shadow to give your headings depth.

heading-element-4

2. Text Align

Align your headings to the left, center, or right to suit your layout.

heading-element-5

3. Size

Easily adjust the overall size of the Heading Element.

heading-element-6

4. Background

Color: Add a solid color to the background for emphasis.
Image: Upload an image as a background to create a more dynamic design.

heading-element-7

5. SEO

Using the correct heading tags is essential for SEO and readability.

Each heading tag (H1–H6) serves a specific purpose on your page:

H1: Use for the main title of the page. Each page should only have one H1 to represent the primary topic.
H2: Ideal for section titles or major subsections under the H1.
H3: Use for subheadings under H2 to organize content further.
H4: Works well for smaller sections or detailed points under H3.
H5 and H6: Suitable for minor details or nested subpoints.

heading-element-8

Note: Stick to a logical hierarchy (H1 → H2 → H3) to ensure search engines and readers can easily follow your content structure.

For additional customization tips, check out our guide on the Text Block Element.