# Multicolumn Block
It is a flexible layout that allows you to create multi-column layouts with two main modes: Grid layout and Carousel layout.
This block supports responsive design with auto-calculated tablet columns and can switch to carousel mode on mobile devices.
### Multicolumn Block - Settings Guide
This guide explains all available settings for the **Multicolumn** block in order from top to bottom as they appear in the Theme Editor.
Here, you can adjust settings such as Layout Types, Spacing Configuration, Carousel Configuration, etc.
Multicolumn Block - Settings Guide
#### Layout Settings
| Setting | Type | Description | Visibility |
| --------------------------- | -------- | ----------------------------------------- | ------------------------------------------------------- |
| Layout Type | select | Primary layout mode | - |
| Carousel On Mobile | checkbox | Enable carousel on mobile for grid layout | Layout Type is "grid" |
| Columns (Grid) | range | Desktop columns for grid layout | Layout Type is "grid" |
| Columns (Carousel) | range | Desktop columns for carousel layout | Layout Type is "carousel" |
| Mobile Columns (Grid) | select | Mobile columns for grid | Layout Type is "grid" and Carousel On Mobile is false |
| Mobile Columns (Carousel) | select | Mobile columns for carousel | Layout Type is "carousel" or Carousel On Mobile is true |
| Vertical Alignment (Column) | select | Vertical alignment for column content | - |
#### Spacing Settings
| Setting | Type | Description | Visibility |
| ------------ | ----- | --------------------------------- | ------------------------- |
| Vertical Gap | range | Vertical gap between grid items | Layout Type is "grid" |
| Column Gap | range | Horizontal gap between grid items | Layout Type is "grid" |
| Gap | range | Gap between carousel slides | Layout Type is "carousel" |
#### Carousel Settings
| Setting | Type | Description | Visibility |
| ------------------- | -------- | ---------------------------- | --------------------------------------------------------------------- |
| Loop | checkbox | Enable infinite loop | Layout Type is "carousel" |
| Navigation | select | Navigation type | Layout Type is "carousel" |
| Pagination Type | select | Pagination style | Navigation includes "pagination" |
| Dots Top Offset | range | Dots position offset | Pagination Type is "bullets" and Navigation includes "pagination" |
| Progress Top Offset | range | Progress bar position offset | Pagination Type is "progressbar" and Navigation includes "pagination" |
#### Size Settings
| Setting | Type | Description | Visibility |
| --------------------- | ------ | ------------------------------ | -------------------------- |
| Width | select | Desktop width behavior | - |
| Custom Width | range | Custom width percentage | Width is "custom" |
| Width (Mobile) | select | Mobile width behavior | - |
| Custom Width (Mobile) | range | Custom mobile width percentage | Width (Mobile) is "custom" |
| Height | select | Height behavior | - |
| Custom Height | range | Custom height percentage | Height is "custom" |
#### Border Settings
| Setting | Type | Description | Visibility |
| ---------------------- | -------- | --------------------------------- | -------------------- |
| Border | select | Border style | - |
| Border Separator Lines | checkbox | Add separator lines between items | - |
| Border Width | range | Border thickness | Border is not "none" |
| Border Opacity | range | Border opacity | Border is not "none" |
| Border Radius | range | Border radius | - |
#### Color Scheme Settings
| Setting | Type | Description | Visibility |
| --------------------------- | ----------------- | ----------------------- | ----------------------------- |
| Inherit Color Scheme | checkbox | Use parent color scheme | - |
| Scheme Background | color | Custom background color | Inherit Color Scheme is false |
| Scheme Background Gradient | color\_background | Background gradient | Inherit Color Scheme is false |
| Scheme Foreground (Heading) | color | Heading text color | Inherit Color Scheme is false |
| Scheme Foreground | color | Body text color | Inherit Color Scheme is false |
| Scheme Primary | color | Primary color | Inherit Color Scheme is false |
| Scheme Primary (Hover) | color | Primary hover color | Inherit Color Scheme is false |
| Scheme Border | color | Border color | Inherit Color Scheme is false |
| Scheme Shadow | color | Shadow color | Inherit Color Scheme is false |
#### Background Media Settings
| Setting | Type | Description | Visibility |
| ------------------------- | ------------- | ------------------------- | ------------------------------------------------------ |
| Background Media | select | Background media type | - |
| Video | video | Background video file | Background Media is "video" |
| Video Position | select | Video positioning | Background Media is "video" |
| Background Image | image\_picker | Background image | Background Media is "image" |
| Background Image Position | select | Image positioning | Background Media is "image" |
| Toggle Overlay | checkbox | Enable background overlay | - |
| Overlay Color | color | Overlay color with alpha | Toggle Overlay is true |
| Overlay Style | select | Overlay style type | Toggle Overlay is true |
| Gradient Direction | select | Gradient direction | Toggle Overlay is true and Overlay Style is "gradient" |
#### Padding Settings
| Setting | Type | Description | Visibility |
| -------------------- | ----- | ------------------------ | ---------- |
| Padding Block Start | range | Top padding (0-100px) | - |
| Padding Block End | range | Bottom padding (0-100px) | - |
| Padding Inline Start | range | Left padding (0-100px) | - |
| Padding Inline End | range | Right padding (0-100px) | - |
### Child Blocks Supported
* `@theme` - All theme blocks
* `@app` - All app blocks
* `group` - Group blocks for content organization
* `_divider` - Custom divider blocks
## Need More Help?
If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.
Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.
