Promotion banner

Section settings:

Section width: Can choose among Default, Fluid Container, Stretch width, Full width for the section layout.

Color scheme: You are allowed to change text color, background color, etc. with preset color.

Promotion banner:

Background color: Select color for the section.

Background image/Mobile image: Select or upload an image for the section on both desktop and mobile views.

Content alignment: Adjust the horizontal of content to position it at the left, center, or right within its container.

Design: Adjust block content and button of the vertical or horizontal.

Column gap: Adjust content block and button block spacing.

Content padding: Configure the padding for the content box.

Section padding:

Section padding: allows you to specify the space between this section and the preceding or following sections, or both.

Block settings:

Use the provided text fields to add a suitable heading/description/button. Leave any of them blank if do not want to display them.

Width: Adjust the width of the content.

Color heading: Select color for the text.

Font-size: Adjust text size.

Font-weight: Choose the appropriate boldness for each type of content.

Uppercase: Convert all letters to uppercase.

Design: Adjust content in block the vertical or horizontal.

Content alignment: Adjust the horizontal of content to position it at the left, center, or right within its container.

Button link: Paste the link (URL) that will be redirected when clicked. You can paste the link directly or find the link in the list (product, collection, page, blog…).

Type: Choose a display style for the button: - Primary – The button stands out, the main color of the brand - Outline – The border, softer - Link – Display as a link, no background, no frame

Content:

Button: