Hero is very similar to the banner section as it contains the main heading, a subheading, a CTA (Call to Action) button, and an image frame where you can upload an image that shows something important about your brand. The difference between them is that, unlike the banner section, the hero section has a smaller font size, and they can be added or deleted anywhere on the website after the banner.
To add a hero section to your site
- Click
+button on where you want the hero section to be - Select
hero.
To upload media to the hero section of the site
- For image, click the hero section in the editor
- In the panel, go to
Type - Select
Image - Click on the image frame
- Click
Upload Imageand have it uploaded - To find previously uploaded images, select
Imagein the panel - Click the image frame. Here, you’ll find previously uploaded images
- To adjust image height, go to
Stylesection - Click and drag the slider in
Height - To turn off image in the hero section, go to
Stylesection - Toggle off
Image - For video, click on the hero section in the editor
- In the panel, go to
Type - Select
Video - Enter the link to the video you want to embed
- To turn off video in the hero section, go to
Stylesection - Toggle off
Video.
To add text to label, title, & subtitle of hero section
- Click the hero section in the editor
- In the panel, enter text into the text boxes
Label,Title, andSubtitle - Click
Doneon mobile - To realign your text, go to
Stylesection - In
Align, choose your preferred alignment - Click
Doneon mobile - To have the title on the left in the hero section, go to
Stylesection - In
Left Title, toggle it on - This feature will function depending on the layout style that you choose.