Banner with video
The banner with video section lets you showcase a large hero banner that combines a background image and a video. It’s ideal for storytelling, product launches, or brand introductions, creating an immersive visual experience with text and buttons layered over the media.
Section settings
Image
Image
image_picker
Upload a high-resolution background image (recommended: 3200×1200px).
Image link
url
Add an optional link for the banner image.
Video
Video
video
Add a video to display alongside or within the banner.
Desktop width
range
Adjusts how much space the video takes up on desktop.
Aspect ratio
range
Defines the video’s aspect ratio from wide to tall.
Layout
Width
select
Choose between Full width or Full width padded layout.
Desktop
Height
select
Set the banner’s desktop height: Full screen height, 3/4 of screen, 150px, and etc.
Desktop alignment
select
Control the position of text and buttons on the desktop: Top left, Absolute center, Bottom right, and etc.
Content width
range
Sets the width of the text and content area within the banner.
Mobile
Image
image_picker
Upload a separate image optimized for mobile (recommended: 1200×1600px).
Height
select
Set the banner height on mobile devices: Full screen height, 3/4 of screen, 150px, and etc.
Mobile alignment
select
Control text alignment and positioning for mobile: Top left, Absolute center, Bottom right, and etc.
Colors
Color scheme
color_scheme
Choose the section’s background and text color theme.
Padding
Top/Bottom
range
Adjust spacing above and below the section.
Advanced
Show placeholder image
checkbox
Displays a default placeholder image when no media is set.
Last updated