# Custom content

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FZORUnO9gzWalf3HxIIEP%2FFox-BG%20Light%20(31).jpg?alt=media&#x26;token=da710fed-dc8e-4ffb-aa52-638975931042" alt=""><figcaption></figcaption></figure>

Utilize the Custom content section to display more information, showcase products, or flaunt customer testimonials.

## How to add a Custom content section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section.**
2. Locate **Custom content.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit a Custom content section

### Section settings

#### Grid settings

Modify the **Column gap** and **Row gap** between blocks in the section.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FCILeiISCBazD32uxkV6C%2Fimage.png?alt=media&#x26;token=2e745927-d170-4745-9dcd-8f66531870d5" alt=""><figcaption></figcaption></figure>

#### Mobile layout

Display the section in grid layout or enable swipe on mobile.&#x20;

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FdxWLh12oEIQoticTqOf1%2Fimage.png?alt=media&#x26;token=ac699282-6cd6-43d3-b336-cec928d2fb94" alt=""><figcaption></figcaption></figure>

### Block settings

Combine different block types to create your desired layout.

<mark style="background-color:yellow;">Preset preferences:</mark>

{% tabs %}
{% tab title="Zest main preset" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/zest>" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2Fz3XFJhEMMM3fYSc6Ep1S%2Fimage.png?alt=media&#x26;token=edfabd6f-1b95-424f-a971-706d451cc37d" alt=""><figcaption><p>Text + Before/after image slider</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FxSt40a9xO1jnYDkrK9sh%2Fimage.png?alt=media&#x26;token=2f0fb2e0-bb8f-4325-9872-25caa0bdc503" alt=""><figcaption><p>Image + Image</p></figcaption></figure>
{% endtab %}

{% tab title="Gusto " %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/gusto>" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FSsRxyjr7iUitzOHfHOcT%2Fimage.png?alt=media&#x26;token=7744fa83-ab12-4fc3-9cdf-1828eb37980f" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FrNVdkYoxVnpPFhopCHS2%2Fimage.png?alt=media&#x26;token=118c3471-9d58-4d81-bc25-ae61b88a0b57" alt=""><figcaption><p>Image + Text</p></figcaption></figure>
{% endtab %}

{% tab title="Fleek" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/fleek>" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FEJSbzojftZedRTxRgKW6%2Fimage.png?alt=media&#x26;token=89c1dfbb-5289-4fc3-876b-d1f10846b3d3" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F6flzkOesCBCZJzvpJFUL%2Fimage.png?alt=media&#x26;token=079b8d12-b359-4868-967e-73b58386a120" alt=""><figcaption><p>Text + Image card + Image card + Image card</p></figcaption></figure>
{% endtab %}

{% tab title="Cosmo" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/cosmo>" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F5XbOUt5WyhKBsxf5zv9G%2Fimage.png?alt=media&#x26;token=09e8671d-7e81-4a25-b489-4af127c40f57" alt=""><figcaption><p>Before/after image slider + Text</p></figcaption></figure>
{% endtab %}

{% tab title="Laura" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/laura>" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FQ0fuqbH7A8QPNsCM6oNy%2Fimage.png?alt=media&#x26;token=8e998b09-b8b1-4d0a-8852-cb18846db35e" alt=""><figcaption><p>Image card + Image card + Image card</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FGNIS4kiVPI4V6wDCwvCH%2Fimage.png?alt=media&#x26;token=da82d442-20b3-46fe-9122-fa88850505af" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>
{% endtab %}
{% endtabs %}
