> For the complete documentation index, see [llms.txt](https://nextsky-2.gitbook.io/milano-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky-2.gitbook.io/milano-shopify/theme-sections/scrolling-text.md).

# Scrolling text

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F80HaCEJ9UhoISR6woQt3%2Fimage.png?alt=media&amp;token=e5276bd5-e61a-4190-98bf-7bd6d17650a4" 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://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F8scHhVt9pMqAMMptNvwi%2Fimage.png?alt=media&amp;token=0115903a-52d4-49e6-b531-89fcb38a9519" 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://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FjVNK3NTUsPsL8u9ObTJX%2Fimage.png?alt=media&amp;token=0602ca93-dd87-4752-9c50-a92f8dba44ee" 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.

**Uppercase**: Convert text to all uppercase letters.

**Use heading font**: Apply the heading font style to the text.

**Outline text:** Add an outline effect to the text.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FwowT2QJk94bRNIvmrRj3%2Fimage.png?alt=media&amp;token=252a43c4-9b8a-4255-b0c7-8d6c72811411" 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://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FfJCaB2b7jzCK7z4zrUm0%2Fimage.png?alt=media&amp;token=07bbbedf-8544-4112-a2a9-7b5619b71d6a" alt=""><figcaption></figcaption></figure>

## Blocks settings

This is the section where you can configure your content.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FsK3zTquzLV2Eqrw5RfEu%2Fimage.png?alt=media&amp;token=05200a9c-2feb-46c0-8bf5-cc94f6b80084" alt=""><figcaption></figcaption></figure>