Multicolumn

Overview:

The Multicolumn section displays content in a responsive column layout or a slideshow carousel format. Each column can include an image, heading, text, and optional button. This section is ideal for showcasing features, benefits, services, or categories in a visually organized way.

Section Configuration:

Setting	Description
Heading	Sets the section title text.
Heading Size	Controls the size of the section heading. Options: H1, H2, H3, H4.
Heading Weight	Adjusts the font weight of the heading. Options: Extra Bold, Bold, Semi-Bold, etc.
Description	Adds descriptive text below the section heading.
Description Size	Sets the font size of the description. Options: Small, Medium, Large, X-Large.
Description Weight	Sets the font weight for the section description. Options: Extra Bold, Normal, etc.
Max Header Width	Sets the maximum width of the section heading and description, relative to page width.
Columns on Desktop	Defines how many columns to show on larger screens. Adjustable from 2 to 4 columns.
Columns on Mobile	Defines how many columns to show on smaller screens. Options: 1 or 2 columns.
Card Alignment	Aligns text and media within each column. Options: Left, Center, or Right.
Image Width	Sets the image width within each column. Options: Adapt, One-third, Half, Full, Icon Width.
Image Aspect Ratio	Controls the shape of the image. Options: Adapt, Square, Portrait, Landscape.
Heading Size (Card)	Controls the heading size for each column card. Options: H4, H5, or H6.
Heading Weight (Card)	Adjusts the heading weight in each column card.
Description Size (Card)	Sets the description text size in each card.
Description Weight (Card)	Sets the description font weight in each card.
Top Border	Displays a border line at the top of the section when enabled.
Bottom Border	Displays a border line at the bottom of the section when enabled.
Text Alignment (Desktop)	Aligns section text on desktop devices. Options: Left, Center, or Right.
Text Alignment (Mobile)	Aligns section text on mobile devices. Options: Left, Center, or Right.
Color Scheme	Applies a predefined color palette to the section’s background and text.
Enable Slideshow	Converts the columns into a horizontally scrollable slider.
Autoplay Slider	Automatically cycles through slides when slideshow is enabled.
Show Navigation Arrows	Displays previous/next arrows for manual navigation.
Show Pagination Dots	Shows pagination indicators below the slider.
Change Slides Every	Sets the interval in seconds for changing slides during autoplay. Range: 2–9 seconds.
Top Padding	Adds vertical spacing above the section. Adjustable from 0–100px.
Bottom Padding	Adds vertical spacing below the section. Adjustable from 0–100px.

Blocks Configuration:

Block Type: Column

Each block displays a single column in the grid or slider.

Setting	Description
Image	Uploads an image or icon for the column.
Heading	Sets the title text of the column.
Description	Provides supporting text for the column.
Button Label	Adds a button with custom label text.
Button Style	Defines the button appearance. Options: Primary or Secondary.
Button Link	Sets the destination URL for the button.
Open in New Tab	When enabled, the button link opens in a new browser tab.