Banner carousel

Section settings

General

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.

Carousel settings

Slide height: Select a preset height for the slide.

Desktop height/Mobile height: Appears when slide height selects custom, helps customize slide height on desktop and mobile.

Items per row: Set the number of items displayed per row.

Column gap: Adjust the distance between items in the carousel.

Show next back: Displays arrow button next/previous in carousel that allow manual switching between slides.

Dot: Chooses the type of pagination to display at the bottom of the slider.

Style dot: Selects the design style for the pagination dots.

Desktop dots position: Adjust position dots horizontally (left/center/right).

Auto change slides: After a certain time, the slide will automatically change.

Change slides every: Configure the time interval for changing slides.

Section header

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

Show view all button: Display button view all in header block.

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

Alignment: Adjust content (left/center/right) relative to the container.

Content settings

Font-size: Adjust text size.

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

Uppercase: Convert all letters to uppercase.

Spacing top: Create space above each block.

Spacing bottom: Create space under each block.

Mobile options

Items per row: Set the number of items displayed per row on mobile devices for optimal layout and usability.

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

Block settings

Image settings

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

Local video: Select video from local file to display.

Image overlay opacity: Adjust image overlay opacity.

Content

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

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…).

Content settings

Content alignment: Options to align text left, center, or right are available.

Desktop content position: Options are available to align content as desired.

Content width: Define the width of the content box for a tailored fit.

Max width: Adjust the max width of the content.

Content padding: Configure the padding for the content box.

Mobile options

Content alignment: Options to align text left, center, or right are available on mobile devices.