Multi-column

The multi-column section allows you to present multiple pieces of content side by side in columns.

Section-Level Settings

The section-level settings for the multi-column section allow you to customize the overall appearance and layout of the section. Here are the available options:

Desktop & Mobile Layout: Choose between a Grid (all columns visible at once) or a Carousel (a horizontal slider).

Grid Settings : Choose the number of cloumns needed to show per row in desktop and mobile.

Content Alignment:

Options: Left, Center, Right

Description: Adjusts the alignment of the section's heading text.

Subheading:

Description: Add a subheading to provide additional context or information about the section.

Heading:

Description: Set the main heading for the multi-column section.

Content:

Description: Add and format the main content for the section using text formatting options

Content Alignment:

Options: Left, Center, Right

Description: Adjusts the alignment of the main content within the section.

Caption Alignment:

Options: Left, Center, Right

Description: Adjusts the alignment of captions under images in the columns.

Image Ratio:

Options: Adapt to Image

Description: Adjusts the aspect ratio of images within the columns to fit the images properly.

Padding Top:

Description: Adds space at the top of the section. Measured in pixels.

Padding Bottom:

Description: Adds space at the bottom of the section. Measured in pixels.

Color Scheme:

Options: Scheme 3 (default), other schemes as available

Description: Changes the color scheme of the section to match the overall theme.

Theme Settings:

Description: Provides access to the overall theme settings for further customization.

Custom CSS:

Description: Add custom CSS for advanced styling options.

Block-Level Settings

Each column within the multi-column section can be customized individually using the block-level settings. Here are the available options:

Media

• Video: You can now upload or link a video to play within the column. Perfect for product demos or brand storytelling.

• Image: Select or upload an image.

       Pro Tip: We recommend 1200 x 1200px (1:1 Square). If you have a video added, this image will serve as the Cover Image (Poster) before the video plays.

Card Text

• Caption: A small snippet of text that appears near your media.

  Heading: Give your specific column a title.

  • Heading Tag & Size: Just like the section settings, you can control the HTML tag and visual scale of each card's heading.
• Content: Use the text editor to add descriptions, bullet points, or links. This is where you "pair text with an image" to focus on your chosen product or collection.