Introduction
A flexible block to create custom banners and promotions for products, blog posts or anything else that you want to communicate with the website visitors in an eye-catching and easy-to-understand way.
Block settings
Aspect ratio
Read more about aspect ratio settings here.
Make sure to use the correct aspect ratio depending on the text content displayed inside of the banner!
Banner style
Controls the overall style of the text content inside of the banner.
Basic
The default banner style with basic text and icon styling
Fancy
The banner style with a larger heading, a separator between the icon and text and generally used for more prominent promotions.
Horizontal/Vertical alignment
Controls the horizontal and vertical alignment of the text content inside of the banner.
Setting options
Top, Middle, Bottom
Left, Right, Center
Header settings
View documentation on header settings
Imagery settings
Controls the image content inside of the banner.
Image
Image that will be displayed below the text content inside of the banner.
Secondary Image
Image that will be displayed in a second column aside of the text content inside of the banner.
Background settings
Controls the background of the banner.
Background image
Controls the background image of the banner.
Background video
Controls the background video of the banner. Video will be displayed on the front-end if both background video and image are set.
Background image fit
Controls the way the background image is handled to fit the banner.
Cover - stretches the image to be full width and height of the banner
Contain - shrinks the image to fit within the width and height of the banner
Color settings
View documentation on color settings