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!

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

Align theme