> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/glozin-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/glozin-theme/theme-sections/multi-content.md).

# Multi content \[Version 2.6.0]

<figure><img src="/files/as1Ymzcwpb7tJgrL9TSl" alt=""><figcaption></figcaption></figure>

## General settings

| Setting                  | Description                                                                                                                           |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------- |
| Section width            | You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video. |
| Color scheme             | You are allowed to change text color, background color, etc. with preset color.                                                       |
| Heading, description     | Use the provided text fields to add a suitable heading/description. Leave any of them blank if you do not want to display them.       |
| Header size, alignment   | Adjust the text alignment (left/center/right) along with the font size.                                                               |
| Column gap               | Adjust the spacing between blocks to enhance layout clarity and visual separation.                                                    |
| Content background color | Set the background color for the content area to match your design preferences.                                                       |

## Block setting

**Equal height adjustment:** This setting will ensure that the blocks have equal heights.

## Mobile options

**Enable carousel on mobile:** Enable this option to activate the carousel functionality for mobile devices, ensuring a smooth and interactive browsing experience.

**Items per row:** Define the number of items displayed per row for a clean and organized layout.

## Section padding

* **Top padding:** Customize the top margin of the section
* **Bottom padding:** Customize the bottom margin of the section

## Block settings

### Block setting

| Setting            | Description                                                                                                                                          |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| Vertical alignment | <p>3 options for the vertical alignment</p><ul><li>Top</li><li>Middle</li><li>Bottom</li></ul>                                                       |
| Width              | <p>Adjust the width of the block image</p><ul><li>20%</li><li>25%</li><li>33%</li><li>50%</li><li>66%</li><li>75%</li><li>80%</li><li>100%</li></ul> |

### Image

| Setting      | Description                  |
| ------------ | ---------------------------- |
| Upload image | Upload desired image         |
| Image link   | The link URL you want to add |

### Video

| Setting               | Description                                                                                                                                                                                                                                       |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Video URL             | Accept the use of YouTube or Vimeo links                                                                                                                                                                                                          |
| Video local           | Use manually uploaded videos                                                                                                                                                                                                                      |
| Cover image           | The image that displays before a customer plays the video. You can upload a custom cover image from your Shopify admin.                                                                                                                           |
| Enable video autoplay | When autoplaying videos, the sound will be automatically muted                                                                                                                                                                                    |
| Aspect ratio          | <p>The aspect ratio for the section:</p><ul><li><strong>Adapt to image</strong></li><li><strong>16:9</strong> - Crops the images to use a 16:9 ratio.</li><li><strong>21:9</strong> - Crops the images to use a 21:9 ratio.Aspect ratio</li></ul> |

### Text

<table><thead><tr><th width="415"></th><th></th></tr></thead><tbody><tr><td>Heading</td><td>Heading content</td></tr><tr><td>Description</td><td>Description content</td></tr><tr><td>Button label</td><td>Button content</td></tr><tr><td>Button style</td><td><p>The style of the button</p><ul><li>Fill</li><li>Outline</li><li>Link</li></ul></td></tr><tr><td>Button link</td><td>The link URL you want to add</td></tr><tr><td>Color scheme</td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr><tr><td>Content alignment</td><td><p>3 options for the content alignment</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Size</td><td><p>Font size content customization</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr></tbody></table>

### Image with text below

| Setting      | Description                                     |
| ------------ | ----------------------------------------------- |
| Image        | Upload desired image                            |
| Mobile image | Upload desired image mobile                     |
| Color scheme | Select colors from **Theme settings -> Colors** |

**Content setting**

|                          |                                                                                                      |
| ------------------------ | ---------------------------------------------------------------------------------------------------- |
| Subheading               | Subheading content                                                                                   |
| Heading                  | Heading content                                                                                      |
| Description              | Description content                                                                                  |
| Button label             | Button content                                                                                       |
| Button style             | <p>The style of the button</p><ul><li>Fill</li><li>Outline</li><li>Link</li></ul>                    |
| Button link              | The link URL you want to add                                                                         |
| Desktop content position | <p>3 options for the desktop content position</p><ul><li>Top</li><li>Middle</li><li>Bottom</li></ul> |
| Content alignment        | <p>3 options for the content alignment</p><ul><li>Left</li><li>Center</li><li>Right</li></ul>        |
| Size                     | <p>Font size content customization</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul>           |