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

# Scroll Text

Scroll Text allows you to create a continuously scrolling content area on the page, suitable for displaying announcements, promotions, or brand slogans. Through continuous scrolling, it attracts users' attention and provides a smooth visual experience.

### (I) Scroll Text

* **Page width**: There are three options: Page Container, Stretched, and Full Width. Choosing different widths will present different visual effects.
* **Text size**: Adjust the size of the scrolling text, with 8 text sizes available. Customize the display according to the page effect.
* **Color**: Can be set to any of the body text, title, or block title colors. Flexible color settings to present diverse display effects.
* **Pause on hover**: Enable this option to stop scrolling when hovering.
* **Desktop item gap**: Manually drag the slider to adjust the gap between elements on the desktop, with a gap ranging from 0px to 100px.
* **Mobile item gap**: Manually drag the slider to adjust the gap between elements on the mobile, with a gap ranging from 0px to 100px.
* **Image width**: Set the width of the image, customize the image width according to the display effect, with an image width ranging from 80px to 300px.

### (II) Animation Settings

* **Speed**: Manually drag the slider to set the scrolling speed of the text, with a minimum of 10s and a maximum of 50s.
* **Direction**: Set the scrolling direction of the text, either Left or Right.

### (III) Colors

* **Color scheme**: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.

### (IV) Padding

* **Top**: Manually drag the slider to adjust the top margin, with a minimum of 0px and a maximum of 100px.
* **Bottom**: Manually drag the slider to adjust the bottom margin, with a minimum of 0px and a maximum of 100px.

### (V) Scrolling Items

* **Image**: Upload or change the image. It is recommended to use high-resolution images.
* **Content**: Enter the activity content for circular scrolling display.
* **Link**: Set the jump location by pasting a link or searching.