Multicolumn
Overview:
The Multicolumn section is designed to showcase content in multiple responsive cards with images, headings, and descriptions. It supports customizable card layouts, responsive grid settings, slideshow functionality, typography controls, media ratios, color schemes, and spacing settings. This section is ideal for highlighting services, features, benefits, collections, brand values, or promotional content in a structured column layout.
Blocks Configuration
Card Block
The Card block displays an individual content card inside the Multicolumn section.
Content:
| Setting |
Description |
| Image |
Uploads an image displayed inside the card. |
| Heading |
Defines the card heading. Supports rich text formatting such as bold and italic styling. |
| Description |
Displays supporting content below the heading. Used for feature descriptions, services, announcements, or brand messaging. |
Card Settings
| Setting |
Description |
| Media Ratio |
Controls the image ratio such as Adapt, Square, Portrait, Landscape, or Fit to Box. |
| Desktop Card Height |
Controls image height on desktop devices when Fit to Box is selected. |
| Mobile Card Height |
Controls image height on mobile devices when Fit to Box is selected. |
Card Heading Typography:
| Setting |
Description |
| Card Heading Size |
Controls heading size such as H1–H6, Large, Medium, or Small. |
| Card Heading Weight |
Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Card Heading Case |
Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Card Heading Tag |
Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Card Heading Font Family |
Allows switching between Default and Body font family styles. |
| Card Heading Color Style |
Applies predefined color styling to card headings. |
| Card Heading Link Style |
Controls styling behavior of links used inside heading content. |
Card Description Typography:
| Setting |
Description |
| Text Size |
Controls description text size such as Large, Medium, or Small. |
| Text Weight |
Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Text Case |
Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Font Family |
Allows switching between Default and Heading font family styles. |
| Text Color Style |
Applies predefined color styling to card descriptions. |
Content Alignment:
| Setting |
Description |
| Text Alignment (Desktop) |
Sets content alignment inside cards on desktop devices (Left, Center, or Right). |
| Text Alignment (Mobile) |
Sets content alignment inside cards on mobile devices (Left, Center, or Right). |
Grid Settings:
| Setting |
Description |
| Desktop Columns |
Controls the number of columns displayed on desktop devices (1–6 columns). |
| Mobile Columns |
Controls whether 1 or 2 columns appear on mobile devices. |
| Desktop Grid Spacing |
Adds spacing between cards on desktop devices. |
| Mobile Grid Spacing |
Adds spacing between cards on mobile devices. |
Slideshow Settings:
| Setting |
Description |
| Show Slideshow Arrows |
Displays navigation arrows for switching between cards. |
| Enable Auto Play |
Automatically rotates card slides. |
| Slideshow Interval |
Controls autoplay delay timing between slide transitions. |
Layout:
| Setting |
Description |
| Container Layout |
Determines whether the section uses Contained, Contained Content, or Full Width layout. |
| Container Width |
Controls the maximum width of the section container on desktop devices. |
Color Scheme:
| Setting |
Description |
| Section Color Scheme |
Applies a predefined color palette to the Multicolumn section background and content. |