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

# Scrolling text

**Scrolling text** on a website captures attention, highlights promotions, delivers breaking news, optimizes space, engages users, enhances aesthetics, and facilitates rapid information dissemination.

<figure><img src="/files/ywYaIFhD8kRRuwqKArqP" alt=""><figcaption></figcaption></figure>

## Section settings

### General settings

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Section width</td><td><p></p><p>3 options for container</p><ul><li>Stretch width: span the section width regardless of screen size.</li><li>Fix width: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li>Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td>Color scheme</td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr></tbody></table>

### Scrolling

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Direction</td><td><p>The text direction will be set to scrolling.</p><ul><li><strong>Left</strong>: From right to left</li><li><strong>Right</strong>: From left to right</li></ul></td></tr><tr><td>Speed</td><td>Customize the speed of text scrolling. Minimum: 5s. Maximum: 50s.</td></tr><tr><td>Show a dot between each item</td><td>Display a dot between the items</td></tr></tbody></table>

### Content setting

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Text size</td><td><p>Font size text customization</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Uppercase</td><td>When you enable uppercase, text also be displayed in all uppercase letters.</td></tr><tr><td>Use heading font</td><td>Use the font specified in the heading font settings</td></tr></tbody></table>

### Highlight image setting

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading, Description</td><td>Custom content block</td></tr><tr><td>Image</td><td>Upload desired image</td></tr></tbody></table>

### Section padding

* **Top padding:** Customize the top margin of the section
* **Bottom padding:** Customize the bottom margin of the section

## Block settings

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Upload image</td></tr><tr><td>Content</td><td>Add text content</td></tr><tr><td>Link</td><td>The link URL you want to add</td></tr><tr><td>Highlight with accent color</td><td>Highlight with accent color in color scheme setting</td></tr></tbody></table>