Step by step

Banner

Step 1: In the Add slice view, find the slice called "Banner"

Step 2: Getting started

Title

Text

Text Color

Text color is an optional feature to give you the possibility to choose a text color that will be a good match to your banner background, if no color is selected the color will be black by default.

Background image for banner

The background image for the banner.

Background color for banner

The background color for the banner.

Button link

Choose a link that you want the user to be redirected to when they click on the button.

Button text

The text for the button, Read more, Find out more etc.

Button color

Button color is an optional feature to give you the possibility to choose a button color that will be a good match to your banner background, if no color is selected the default color will be your primary color that you have selected in settings under themes.

Logotype on banner

We recommended that you use logotypes with a transparent background and with good resolution.

Layout

This is where you can decide in which order you want the banner content to be placed. There is two options for this, row-ordered and row-reverse, the default selected option is row-ordered.

• row-ordered:

  • Desktop: The text, title and button will be placed on the left, and the image will be placed on the right.

  • Mobile: The text, title and button will be placed on the top of the column, while the image/logotype will be on the bottom.

row-ordered Desktop

row-ordered Mobile

• row-reverse:

  • Desktop: The text and title will be placed on the right, and the image will be placed on the left.

  • Mobile: The text, title and button will be placed on the bottom of the column, while the image/logotype will be on the top.

row-reverse Desktop

row-reverse Mobile