📌 How to Use the Hero Element

🏗 Adding the Hero to Your Page

• Click the Add Elements button (the ➕ icon in the top-left menu).
• Search for the Hero element and click on it.
• The Hero will be added to the page automatically.
• Select the Hero to see its settings in the left panel.

🎨 Customizing the Background, Height, and Spacing

📌 All these settings are in the “Style” tab.

✅ Adjusting Height and Padding (Inner Spacing)

• Open the Style tab.
• Go to the Layout option.
• Here you can:
• Adjust the padding (inner spacing).
• Modify the height (by default, it is set to 90% of the screen height).

✅ Changing the Background Image or Color

• In the Style tab, open the Background option.
• Upload an image or select a background color.

✅ Adding a Background Overlay

• In the Style tab, open the Gradient/Overlay option.
• Under “Apply to”, select Overlay.
• Choose the overlay color and adjust its transparency.

✏️ Editing the Content and Appearance

📌 These settings are in the “Content” tab.

✅ Changing the Hero Text

Open the Content tab.

In the Content section, you can edit:

Above Title (Text above the main title).

Main Title.

Subtitle.

✅ Customizing the Buttons (Call to Action)

In the Content tab, go to the Call to Action section.

Here you can:

Edit the existing buttons.

Add more buttons if needed.

✅ Adjusting Alignment and Typography

In the Content tab, open the Appearance section.

You can:

Change the alignment of the hero content.

Adjust the typography settings for the title, subtitle, and above title.