# Scrolling text

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/7MYGsTveyJVuSOhZWyqa/Screenshot%202024-04-17%20173218.png" 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>

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

**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/zRmKw5a79kBMrpYEjNPI/image.png" alt=""><figcaption></figcaption></figure>

Here, you can customize the **font size** and **weight** for your content. Additionally, set the duration for each **display period** and adjust the **spacing** between two pieces of text content for clarity and readability.

The **icon** symbolizing the spacing between two content pieces can be selected as either a line or a circle, allowing for visual customization of the content separation indicator.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/QGnrYw3znRkBxkrljsTH/image.png" 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/z14kVz432NnMEq8AbqBr/blobs/DXq90DkipGKYVu6ZniYZ/image.png" alt=""><figcaption></figcaption></figure>

## Blocks settings

This is the section where you can configure your content and optionally add a link, enabling merchants to be directed to more information or a specific page as desired.

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