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.
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
- In the theme editor, open the template where you want the section.
- In the left sidebar, click Add section > Running content. The section comes with 3 Content blocks.
- Click a Content block.
- Under Text, enter the message in Text.
- Optional: under Font style, select Body or Heading.
- To add more messages, click Add block > Content.
- 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
- Click a Content block.
- Under General, check Enable icon.
- 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.
- Optional: to color this message, set Custom text color and Custom icon color.
- Optional: under Link, add a Link. The whole message becomes clickable.
- Click Save.
Tip: To show only an icon, check Enable icon and leave Text empty.
Change the speed, direction, size, and tilt
- Click the Running content section.
- Under General, select a Speed: Very slow, Slow, Normal, or Fast.
- Under Layout, set Item size, Scroll direction, and Tilt style.
- 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.
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
- Blum What Icons Can Be Used On Blum Theme
- Blum Image Banner
- Blum All-Template Sections
Updated on: 26/10/2026
Thank you!