Parallax banner

General 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.

Section header

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

Header size: There are 3 styles to choose from: small/medium/large.

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.

Parallax settings

Width content: Adjust the width of the content.

Desktop height: Adjust the height of content on the desktop.

Mobile height: Adjust the height of content on the mobile.

Image ratio: Select a preset ratio for the images.

Custom ratio: Appears when Image ratio selects custom, helping to determine the custom ratio.

Image: Select or upload an image for the banner.

Section padding

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