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

# Scrolling text

Add the section to display a dynamic tape line with additional advertisements, propositions, sales, and more at the top or bottom of the Header.

## Scrolling text

{% hint style="success" %}
Press the '**Add section**' button below all other sections in the provided group.\
The section position in the side panel determines the order of content in the storefront.
{% endhint %}

### Scrolling text

**Speed**\
Controls scrolling speed (10–100).

**Reverse direction**\
Changes scroll direction:

* **Enabled** – Left to right.
* **Disabled** – Right to left.

**Font size**\
Adjust text size (13–24 px).

**Uppercase**\
Displays all text in uppercase.

**Underline links on hover**\
Adds underline effect to links.

### Divider line

**Top / Bottom**\
Adds lines above and/or below the scrolling text.

### Colors

**Divider line**\
Sets border color.

**Text color / Text color on hover**\
Controls text colors.

Use the '**Background**' setting to customize or remove the section background:

* **None** – No background applied.
* **Color** – Set a solid background color. Use the '**Color**'.
* **Gradient** – Apply a gradient background. Use the '**Gradient**'.

**Change background on hover**\
Display a different background color on hover.

**Background on hover /** **Gradient on hover**\
Optional hover color for background.

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2F5Xey1ngrQY9RFdAUa26T%2Fheader_scrollimg%20text.png?alt=media&amp;token=820fd3a0-d0d4-4915-ab52-a6df19ec227c" alt=""><figcaption></figcaption></figure>

***

{% hint style="success" %}
To insert text into the tape, use the '**Add Text**' button to add a text block.\
Multiple blocks can be added to present several text entries.
{% endhint %}

## Text&#x20;

**Text**\
Enter content (supports basic formatting).

**Link**\
Add a URL to make text clickable.

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2F4QJigAbiM37xe53gDl3b%2Fscrolling%20text_mobile.png?alt=media&amp;token=3d2e97cf-0f0e-4a9a-8b88-f1c35bdfb95d" alt=""><figcaption></figcaption></figure>