Banner

This section is usually used for highlighting special content, collections or products. It can be also used for promotions or any brand related info.

The main settings in the section are the ones listed here with some additional ones listed below.

Height

Here you can pick the section height. The options are:

• Extra large

• Large

• Medium

• Compact

• Small

• Based on image height

For these we have set different ratios that can be used to achieve best results.

The only difference is the option Based on image height . If you pick this option - the height of the section will be based on the image height. The taller the image is - the taller the section will be.

Background

There are separate options for picking a desktop and mobile image. If only desktop image is picked - this image will be also shown on mobile. For mobile we suggest using more portrait oriented images.

Image overlay

In case you have white text over white background and the content is not very readable - you can easily add an overlay by adjusting its opacity and picking the overlay color.

Text content

The available options are:

• show content background (will add a background around the content to make it more noticeable)

• horizontal and vertical position (separate settings for desktop and mobile)

The content within the section is added through blocks where every block represents different item like: heading, subheading, body text and buttons.

With the blocks you can rearrange the content in a way that it best suits your needs.

Heading accent elements

In case you want to use highlight a text element in the headings you can use the Bold and Italic properties: . You can mark a word or a phrase and click one of these.