> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Blum Running Text

**Theme:** Blum · **Section type:** All-template section

The **Running content** section shows a strip of short text and icons that scrolls across the screen without stopping. Use it to highlight a promotion, free shipping, a new collection, or your brand values.

> **Note:** In the theme editor, this section is called **Running content**. You can add it to any template, but not to the header or footer.
![Running content strip with icons on the storefront](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/running-1_10bmecd.png)

**What you can do**
- Add the section and your messages
- Add an icon or a link to a message
- Change the speed, direction, size, and tilt
- See what customers see
- Look up every setting
- Fix common problems

---

## Add the section and your messages

1. In the theme editor, open the template where you want the section.
2. In the left sidebar, click **Add section** > **Running content**. The section comes with 3 **Content** blocks.
3. Click a **Content** block.
4. Under **Text**, enter the message in **Text**.
5. Optional: under **Font style**, select **Body** or **Heading**.
6. To add more messages, click **Add block** > **Content**.
7. Click **Save**.

> **Tip:** Keep each message short, for example 2 to 5 words. Customers read it while it moves.

## Add an icon or a link to a message

1. Click a **Content** block.
2. Under **General**, check **Enable icon**.
3. Under **Icon**, select an **Icon source**:
   - **Theme library**: pick an icon from the **Theme library** list.
   - **Image**: select a **Custom image**.
   - **SVG**: paste your SVG code in **Custom SVG**.
4. Optional: to color this message, set **Custom text color** and **Custom icon color**.
5. Optional: under **Link**, add a **Link**. The whole message becomes clickable.
6. Click **Save**.

> **Tip:** To show only an icon, check **Enable icon** and leave **Text** empty.

## Change the speed, direction, size, and tilt

1. Click the **Running content** section.
2. Under **General**, select a **Speed**: **Very slow**, **Slow**, **Normal**, or **Fast**.
3. Under **Layout**, set **Item size**, **Scroll direction**, and **Tilt style**.
4. Click **Save**.

| Setting | What it does |
| ---- | ---- |
| Item size | Sets the size of the text and icons: Small, Medium, Large, or Xlarge. |
| Scroll direction | Moves the strip to the Left or to the Right. |
| Tilt style | Tilts the strip at a slight angle. Choose None for a straight strip, or Up or Down. |

## What customers see

- **Running strip:** the messages repeat to fill the full width of the screen and scroll without stopping.
- **Hover:** on a computer, the strip pauses while the pointer is over it, and starts again when the pointer moves away.
- **Links:** a message with a link opens the page in a new browser tab.
- **Reduced motion:** if a customer has turned on reduced motion in their device settings, the strip stays still.
- **Mobile:** the strip works the same way. The text size scales down with the screen.
![Running content strip with the Down tilt style](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/running-2_156ha3m.png)

## Settings reference

### General

| Setting | What it does |
| ---- | ---- |
| Color scheme | Sets the colors of the area around the strip. You can edit color schemes in Theme settings > Colors. |
| Accent scheme | Colors the strip with the Main or Extra accent colors from Theme settings > Colors. |
| Custom background color | Replaces the strip background color. Leave it empty to use the accent color. |
| Speed | Sets how fast the strip moves: Very slow, Slow, Normal, or Fast. |

### Layout

| Setting | What it does |
| ---- | ---- |
| Tilt style | Tilts the strip: None, Up, or Down. |
| Item size | Sets the size of the text and icons: Small, Medium, Large, or Xlarge. |
| Scroll direction | Moves the strip to the Left or to the Right. |
| Remove padding top | Removes the space above the section. |
| Remove padding bottom | Removes the space below the section. |

### Content block settings

| Setting | What it does |
| ---- | ---- |
| Custom text color | Replaces the text color of this message only. |
| Custom icon color | Replaces the icon color of this message only. |
| Enable icon | Shows an icon before the text. |
| Text | The message. Leave it empty to show only the icon. |
| Font style | Uses the Body or Heading font for this message. Appears when Text is filled in. |
| Icon source | Selects where the icon comes from: Theme library, Image, or SVG. Appears when Enable icon is checked. |
| Theme library | Selects an icon from the theme's icon list. Appears with Theme library. |
| Custom image | Uses your own image as the icon. Appears with Image. |
| Custom SVG | Uses your own SVG code as the icon. The SVG is shown at the icon size of the section. Appears with SVG. |
| Link | Makes the message clickable. The link opens in a new tab. |

## Troubleshooting

**The section doesn't show on my store.**
The section needs at least one **Content** block. Add a block with text or an icon.

**My icon doesn't show.**
Check that **Enable icon** is checked in the block. If you use **Image** or **SVG**, check that you selected an image or pasted the SVG code.

**The strip doesn't move.**
The strip stays still for customers who turned on reduced motion on their device. It also pauses while the pointer is over it.

**The strip is too big on mobile.**
Select a smaller **Item size**, for example **Small** or **Medium**.

## Related articles

- [Blum Announcement Bar](https://doc.ecomx.co/en/article/blum-announcement-bar-wfjtwg/)
- [Blum What Icons Can Be Used On Blum Theme](https://doc.ecomx.co/en/article/blum-what-icons-can-be-used-on-blum-theme-jnfsrj/)
- [Blum Image Banner](https://doc.ecomx.co/en/article/blum-image-banner-jzf00j/)
- [Blum All-Template Sections](https://doc.ecomx.co/en/article/blum-all-template-sections-jwz099/)