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

# Add scrolling text with Facet's marquee text section

> Set up Facet's marquee text section: write the line of text that scrolls across the page, and choose its size, its speed and its colors.

The Facet marquee text section runs a line of large text across the page in an endless loop. Use it for a slogan, a campaign name or a short promise such as free returns. This page covers the text, size and speed settings.

![The Marquee text section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/marquee/marquee-overview.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=f263240ec6865f1cac8687b8306b002e)

## What this section controls

* The text that scrolls.
* The size of the text.
* How fast the text moves.
* The colors, width and spacing of the band.

## Getting started

**1. Open the Theme Customizer**

In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet.

**2. Add the section**

In the **Sections** panel, click **Add section** and choose **Marquee text**. The section can't be added to the header.

**3. Write the text**

Click **Marquee text** and type your line in **Text**.

![The theme editor with the Marquee text section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/marquee/marquee-location.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=6c645b54721a1bf29ecc470dfd593668)

## Section settings

### Text

![Theme editor sidebar showing the Marquee text section settings: Text, Size, Scrolling speed, Time to complete one full loop, Common settings, Color scheme, and more.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/marquee/marquee-settings-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=3c61d5ae049635f0377d3b6ddf79a7f9)

* **Text**: the line that scrolls. Default: "Designed to move". You can make words bold or italic, or add a link. Facet repeats the text to fill the loop. Leave it empty to show nothing but the band's padding.
* **Size**: **Display 1** (default), **Display 2**, **Heading 1** or **Heading 2**. The sizes come from your typography settings.
* **Scrolling speed**: the time to complete one full loop, from 10 to 90 seconds. Default: 40. Higher values scroll more slowly.

> [!NOTE]
>
> The text stops while a shopper's pointer rests on it. For shoppers who have turned on reduced motion on their device, the text doesn't move at all.

### Common settings

![Theme editor sidebar showing the Marquee text section settings (part 2, scrolled): Scrolling speed, Time to complete one full loop, Common settings, Color scheme, Top padding, Bottom padding, and more.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/marquee/marquee-settings-2.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=6cc33d4455abda71386856955600aa9f)

See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details.

* **Color scheme**: the colors of the band and the text.
* **Top padding** and **Bottom padding**: None, Small (default), Medium, Large or Extra large.
* **Page width**: Narrow, Narrower, Fluid or Full (default).

## Best practices

* **Keep it short.** Two to five words read easily while they move. Long sentences are hard to follow.
* **Add a separator.** End your text with a symbol such as a dot or a star, with spaces around it, so the repeats don't run together.
* **Slow it down for large sizes.** With **Display 1**, a speed of 40 seconds or more keeps the text readable.

## Related guides

> [card] [Typography](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/typography.md)
>
> Set the fonts and sizes used by Display and Heading.

> [card] [Announcement bar](https://docs.shopify.lightsout.agency/themes/facet/header/announcement-bar.md)
>
> Show short messages at the top of every page.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.