# Custom html

{% hint style="success" %}
**Steps:** 

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

### General settings

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FVV5QiELSPQKXg65YbQTn%2Fct-html.jpg?alt=media&#x26;token=d6488868-27f0-4c68-a853-48b3b3eff6b8" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* Custom html - You can use html&#x20;

### Colors

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FcGzFhXVgxpuLwPNSyDdy%2Fcolor-c.jpg?alt=media&#x26;token=3cb90b75-d723-4021-b6c1-808b5fcedadc" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fc0cazMLYpU5yjLuS4vGl%2Fpadding-c.jpg?alt=media&#x26;token=d8c91b56-445e-4ea5-bbc5-f825cf08e577" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**