# Multi content

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F1fc2uDDH0oJNrg6cvaUZ%2Fimage.png?alt=media&#x26;token=44162495-3904-44c8-b0ee-37774c528ba9" alt=""><figcaption></figcaption></figure>

## General settings

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FJazXP6U485g02Icd3KSU%2Fimage.png?alt=media&#x26;token=5456d6d0-b832-499c-b5b7-1fa1c77c9d0d" alt=""><figcaption></figcaption></figure>

| 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

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FBwY64C3B5cX0iZmqoeuA%2Fimage.png?alt=media&#x26;token=ac6a3cfb-3d5f-4d9b-8ab9-26f361239085" alt=""><figcaption></figcaption></figure>

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

## Mobile options

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FeYq8Y1RQUEbkcwKV9DNR%2Fimage.png?alt=media&#x26;token=bdf99dab-ca6f-416f-9aef-d2dff50276c2" alt=""><figcaption></figcaption></figure>

**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

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FVaoa9H2qt8hhmp6MEkHu%2Fimage.png?alt=media&#x26;token=aa4ffa32-6e27-48ed-9b07-fc60593ee0a9" alt=""><figcaption></figcaption></figure>

* **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>           |