Banner image

Present a full-width image.

Enhance visual appeal while serving functional purposes such as branding, content highlighting, and user engagement. Basic customization options include height settings, overlay opacity, text positioning, and button styles.

Section settings

Settings	Type	Description
Layout
Height	select	Select the height of the banner section (e.g., Full screen, Image height, One fifth of screen, and others).
Enable mobile height	checkbox	Enable a different height setting specifically for mobile devices.
Mobile height	select	Choose the height for the banner on mobile screens.
Image
Image	image_picker	Upload or select the desktop version of the banner image.
Mobile image	image_picker	Upload or select an alternate image for mobile view.
Text contrast	range	Adjust the contrast between text and the background image.
Animations
Loading style	select	Choose how the image loads (e.g., Zoom out, Fade, Wipe, and others).
Enable zoom animation on scroll	checkbox	Enable a zoom effect on the banner image as the user scrolls.
Enable card scrolling effect	checkbox	Enable a parallax-like scrolling effect for the banner content.
Increase border radius	checkbox	Apply extra rounding to the banner's corners.
Text
Content width	range	Control the maximum width of the content inside the banner.
Text position	select	Choose where the text appears over the image (e.g., Center, Left, Right, and other).
Text alignment	select	Align text inside the text container: Left, Center, or Right.
Color	select	Set the text and button color theme: Light and Dark.
Section spacing
Width	select	Set the full width behavior of the banner: Full width and Full width padded.
Padding top	range	Adjust the top padding of the banner section.
Padding bottom	range	Adjust the bottom padding of the banner section.