Multi content

The Multi content section allows you to display multiple types of content in a single section.

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fix width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Subheading

The sub-title of the section

Heading

The title of the section

Description

The description of the section

Heading size

Font size text customization:

  • Small

  • Medium

  • Large

Content alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Items per row on desktop

Choose how many items to display per row on desktops for optimal layout

Column gap

Adjust spacing between columns

Equal height adjustment

When enabled, it will automatically equalize the height of every item in this section

Section padding

  • Top padding: Customize the top margin of the section

  • Bottom padding: Customize the bottom margin of the section

Section radius

Setting
Description

Enable rounded top

Apply a rounded corner effect to the top edge of the section

Enable rounded bottom

Apply a rounded corner effect to the bottom edge of the section

Theme block

Image with text

Setting
Description

Color scheme

Select colors from Theme settings -> Colors

Top heading

The title of the item

Content alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Image

Upload desired image

End time

Set a countdown timer for an event

Expired message

Set the message that shows up when the countdown stops

Heading, Subheading, Description

Setting
Description

Heading, Subheading, Description

Custom content block

Size

The size of content block

Spacing bottom

Spacing between the content and the next component

Button

Setting
Description

Button label

Custom button name, if left empty, the button will be hidden

Button link

The URL you want to attach to this button

Use outline button style

Change the primary button layout into outline layout

Spacing bottom

Spacing between the content and the next component

Product items with banner

Setting
Description

Color scheme

Select colors from Theme settings -> Colors

Top heading

The title of the item

Content alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Image

Upload desired image

Show navigation

Display the next and back controls for the carousel

Show pagination

Display the pagination for the carousel

Product item banner

Setting
Description

Image

Upload desired image

Select product

Select desired product to display

Last updated