# Custom content

In order for customers to have a better understanding of the store, you can utilize this **Custom content** section to achieve the requirements.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/3RiOtEbTI8V28d7fSeGn/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

## Section settings <a href="#custom-content" id="custom-content"></a>

### General settings <a href="#id-1.-general-settings" id="id-1.-general-settings"></a>

**Layout:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

**Text Alignment:** Customize the alignment of your text within the content area, with options to align text to the left, center, or right, ensuring your content is presented exactly as intended.

**Color schema:** You are allowed to change text color, background color, etc. with preset color.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/64B9LhfZHgbE03IPvvYX/image.png" alt=""><figcaption></figcaption></figure>

### Section padding <a href="#id-2.-section-padding" id="id-2.-section-padding"></a>

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/LppGplQIhGLdiJo4tfBQ/image.png" alt=""><figcaption></figcaption></figure>

## Content settings <a href="#content-settings" id="content-settings"></a>

You have the option to select the content you wish to display and customize its appearance by adjusting the font size, font weight, and text transformation settings.

### Sub heading <a href="#id-1.-sub-heading" id="id-1.-sub-heading"></a>

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/iXHf1kZGIBSnz30P6YPS/image.png" alt=""><figcaption></figcaption></figure>

### Heading <a href="#id-2.-heading" id="id-2.-heading"></a>

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/BABP9ENANsI6obfDZqjv/image.png" alt=""><figcaption></figcaption></figure>

### Description <a href="#id-3.-description" id="id-3.-description"></a>

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/XGP4GULcRIFiIECn5XzT/image.png" alt=""><figcaption></figcaption></figure>

### Image

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/BGBNP2SIiydKFhPR1E2F/image.png" alt=""><figcaption></figcaption></figure>

### Button

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/5icVuA8H99Dr3SDtTcsA/image.png" alt=""><figcaption></figcaption></figure>
