Table of Contents
A large, full-width hero section combining an image or video background with a heading, text, and buttons — typically the first section on the homepage.
Section settings #
- Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Section width: Choose from: “Page”, “Full”.
- Desktop image: Upload or select an image to display.
- Mobile image: Upload or select an image to display.
- Image height: Choose from: “Adapt to first image”, “Small”, “Medium”, “Large”, “Full screen”.
- Overlay color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Overlay opacity: Fine-tune this value with the slider (from 0 to 80).
- Direction: Choose from: “Vertical”, “Horizontal”.
- Desktop content position: Choose from: “Top left”, “Top center”, “Top right”, “Middle left”, “Middle center”, “Middle right”, “Bottom left”, “Bottom center”, “Bottom right”.
- Tag: Enter the text you want to display.
- Tagline: Enter the text you want to display.
- Top padding: Fine-tune this value with the slider (from 0 to 100px).
- Bottom padding: Fine-tune this value with the slider (from 0 to 100px).
@theme block #
