Banner

A full-width promotional banner combining a background image or video with a heading, text, and call-to-action buttons.

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”.
• Enable image zoom: Switch this on to activate image zoom.
• 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 100).
• 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”.
• 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 #