# Scrolling text

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FJMPZ6Kf7claCmM2rVjuK%2Fscroll.jpg?alt=media&#x26;token=65939ecb-7b3b-42ab-93fe-b83ccab2e5f4" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Scrolling text**
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%2Fe0aOIbZQvFqznEgO3xok%2Fscroll-h.jpg?alt=media&#x26;token=dae9763e-182c-4456-b15f-a2a46dc63a84" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* **Text size**
* **Pause scroll on hover**
* **Item gap - Column spacing**
* **Item gap mobile**
* **Image width**

#### Animation settings

* **Speed**
* **Direction** - Left / Right

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

## **Block settings**

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

1. Locate **Scrolling text**
2. **Add Text**&#x20;
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fz01LXMruKOBIKtsOJkEj%2Fscroll-i.jpg?alt=media&#x26;token=9d3356a2-b26b-4e1a-84ec-724a36d4ec7a" alt=""><figcaption></figcaption></figure>
