# Scrolling text

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2F9fjg7njwSb7vwkIR2BDr%2FScreenshot%202024-06-12%20094730.png?alt=media&#x26;token=6079eedc-645f-4405-9d3a-b6ca331787cf" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

## Section settings

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

**Section width:** You can choose among Fluid container, Full width, Stretch width for the banner layout.

**Color scheme:** Set text color and background color with preset scheme

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FtZkYVtza1tKjSQDCBjdn%2Fimage.png?alt=media&#x26;token=f3111396-4a0f-486f-93a1-c6609b21d640" alt=""><figcaption></figcaption></figure>

### Scrolling settings

**Direction**: Set the scrolling direction.

**Icon between items**: Choose no icon, a dot, or a star to appear between items.

**Speed**: Define the time period for a complete scroll cycle.

**Space between text**: Specify the distance between two text contents.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FnkO40eAPN1Sks76esx9t%2Fimage.png?alt=media&#x26;token=02bee83c-7f67-4758-86cb-13df2965df46" alt=""><figcaption></figcaption></figure>

### Content settings

**Font-size**: Configure the font size for the text.

**Font-weight**: Set the font weight to adjust text boldness.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FsZEGH10mEXdymYTjKXId%2Fimage.png?alt=media&#x26;token=56f17c92-fbcd-44e6-95e0-266b81bc7070" alt=""><figcaption></figcaption></figure>

### Section padding

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/GyYuzVsob5kZQHtG5da3/blobs/gTX7sljUXOmZJsAXVFAl/image.png" alt=""><figcaption></figcaption></figure>

## Blocks settings

This is the section where you can configure your content.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2F4P2EwqOPzhYgLfuGEhz4%2Fimage.png?alt=media&#x26;token=6c347395-db97-4179-8170-cbaa22bfc315" alt=""><figcaption></figcaption></figure>
