Articles on: "Hero Header" component

How to add or change a background image to the Header component




To add a background image to the Header component




Edit the Component

Scroll to the "Background image" Section in the "Style" Tab

Upload a new photo

You have two options for adding a new image:
a) Click "Choose a file", then select an image from your device or from cloud storage services like Google Drive, Dropbox, etc.
b) Alternatively, paste the image URL

Adjust transparency (if needed)

Save changes


To change a background image to the Header component




Edit the Component

Scroll to the "Background image" Section in the "Style" Tab

Remove the current image

Upload a new photo

Adjust transparency (if needed)

Save changes


To add a background video to the Header component




Edit the Component

Scroll to the "Background image" Section in the "Style" Tab

Select "Video" subtab

Enter a direct URL to a video file (must end on '.mp4')

Save changes

Updated on: 06/09/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!