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.
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!
Controls the overall style of the text content inside of the banner.
The default banner style with basic text and icon styling
The banner style with a larger heading, a separator between the icon and text and generally used for more prominent promotions.
Controls the horizontal and vertical alignment of the text content inside of the banner.
Top, Middle, Bottom
Left, Right, Center
View documentation on header settings
Controls the image content inside of the banner.
Image that will be displayed below the text content inside of the banner.
Image that will be displayed in a second column aside of the text content inside of the banner.
Controls the background of the banner.
Controls the background image of the banner.
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
View documentation on color settings