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 Image
and have it uploaded - To find previously uploaded images, select
Image
in the panel - Click the image frame. Here, you’ll find previously uploaded images
- To adjust image height, go to
Style
section - Click and drag the slider in
Height
- To turn off image in the hero section, go to
Style
section - 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
Style
section - 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
Done
on mobile - To realign your text, go to
Style
section - In
Align
, choose your preferred alignment - Click
Done
on mobile - To have the title on the left in the hero section, go to
Style
section - In
Left Title
, toggle it on - This feature will function depending on the layout style that you choose.