> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bosscart.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Scrolling Text

> This element layers text to create a dynamic, eye-catching headline. You can pair a bold, static headline (like "Your Headline Goes Here") with a second layer of large, faded...

This element layers text to create a dynamic, eye-catching headline. You can pair a bold, static headline (like "Your Headline Goes Here") with a second layer of large, faded background text that scrolls horizontally behind or alongside it, or use the scrolling text on its own for a marquee-style effect.

<img src="https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/2b64779589d29746.png?fit=max&auto=format&n=zazDpBR889DAW7oG&q=85&s=832e20b682287bde4bb7c8f64232d1ba" alt="" width="716" height="385" data-path="images/builder/2b64779589d29746.png" />

#### **Why use it:**

* **Grabs attention:** movement naturally draws the eye more than static text, making it great for hero sections or banners.
* **Adds depth and personality:** the layered look (bold foreground text over soft, oversized scrolling text) gives pages a modern, editorial feel without needing custom graphics.
* **Reinforces your message:** use the scrolling layer to repeat a keyword or phrase (like "Inspire") for emphasis, while the static headline delivers the actual message.
* **Flexible use:** works as a decorative background effect, a standalone scrolling banner, or a combined two-layer design depending on what the section needs.

### **How it works:**

Open the scrolling text settings by clicking the edit button. Next you will see the editing canvas display. Select your layout design from:

* **Main text + big scrolling text behind**
* **Scrolling text only**

<img src="https://mintcdn.com/alavon365/m47yzIyDG9neC9jn/images/builder/ce1a5c59069a12b5.png?fit=max&auto=format&n=m47yzIyDG9neC9jn&q=85&s=cc1d42a132f12ebf748b62efadc52b38" alt="" width="1405" height="811" data-path="images/builder/ce1a5c59069a12b5.png" />

### **Main text + Big scrolling text behind**

This display option enables you to have a layered text effect, while the main text remains static and the scrolling text is neatly positioned behind, giving you an amazing display on your page.

### **Scrolling text only**

This display option allows your to just display a banner of scrolling text across your pages.

<img src="https://mintcdn.com/alavon365/m47yzIyDG9neC9jn/images/builder/cdfca3a35b334090.png?fit=max&auto=format&n=m47yzIyDG9neC9jn&q=85&s=0953a7e30f5217bfb5000e975df8758e" alt="" width="1609" height="599" data-path="images/builder/cdfca3a35b334090.png" />

With both display styles, you can increase, or decrease the speed in which the text scroll time taken to reach one side of the page to the other..