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, colors, 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.
Overlay type	select	Adds an overlay: Disabled and Opacity overlay.
Animations
Loading style	select	Choose how the image loads: Zoom out, Fade, Wipe, and Slide.
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.
Colors
Color scheme	color_scheme	Applies a predefined theme color scheme to the section.
Show text background	checkbox	Adds a colored background behind text.
Background	color	Background color override.
Text	color	Text color override.
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.