# Scrolling text

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FCdf4Y2905L2I6WqK6YXF%2F2025-04-04_14-44-46.jpg?alt=media&#x26;token=0131d4f5-ec72-4f30-92fb-e93a44f6cda4" 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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FsLe9Ne1C6OCM7OOgaphV%2F2025-04-04_14-45-20.jpg?alt=media&#x26;token=6184e522-4b96-48a9-aa21-a2b001906375" alt="" width="280"><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **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://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

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

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" 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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2Fs2Mm0ZEpXWGHG7AT6E1O%2F2025-04-04_14-45-56.jpg?alt=media&#x26;token=ea8cdc22-42c8-4923-952b-daf201c751da" alt="" width="286"><figcaption></figcaption></figure>
