# Marquee section

Source: https://themes.spicydesign.ca/help/reference/sections/marquee/
Updated: 2026-11-12

Infinite ticker of text, images and icons in up to 3 rows, optionally tilted and overlapping; speeds up with scroll velocity.


Infinite ticker of text, images and icons in up to 3 rows, optionally tilted and overlapping; speeds up with scroll velocity.

The same section in the three themes:

![The Marquee section in the Picante style.](https://themes.spicydesign.ca/help/shots/section-marquee--picante.webp)

![The Marquee section in the Overdrive style.](https://themes.spicydesign.ca/help/shots/section-marquee--overdrive.webp)

![The Marquee section in the Pastille style.](https://themes.spicydesign.ca/help/shots/section-marquee--pastille.webp)

**Where to find it:** In the theme editor, choose **Add section** on any template, then pick **Marquee**.

When you add this section, you can start from these presets: **Marquee**, **Promotional text**, **Brand slogans**.

## Settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Size | Select | Heading 1 | Heading 4, Heading 3, Heading 2, Heading 1, Extra large heading, Custom |  |
| Custom size | Slider | 14 vw | 4 to 30 vw, step 1 | Share of the screen width, so the text scales with the window. Shown when **Size** is Custom. |
| Separator | Select | Star | None, Dot, Star, Flame, Sparkle, Slash |  |
| Gap | Slider | 40 px | 8 to 120 px, step 4 |  |
| Rows | Slider | 1 | 1 to 3, step 1 | Extra rows repeat the items and run in the opposite direction at a different pace. |

### Motion

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Speed | Slider | 70 px | 10 to 200 px, step 10 | Pixels per second. With bold motion, scrolling the page speeds it up. |
| Direction | Select | Left | Left, Right |  |
| Pause on hover | Checkbox | On |  |  |

### Band

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Tilt | Slider | 0 deg | -6 to 6 deg, step 1 | Rotates the band so it crosses the page diagonally. |
| Overlap neighboring sections | Checkbox | Off |  | The band takes no space of its own and sits over the seam between the sections above and below. |
| Show top border | Checkbox | Off |  |  |
| Show bottom border | Checkbox | Off |  |  |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 2 |  |  |
| Layout width | Select | Full width | Page width, Full width | Page width turns the band into a rounded strip inside the page margins. |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |
| Top padding | Slider | 24 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 24 px | 0 to 200 px, step 8 |  |

## Blocks

Add, reorder, duplicate or remove these blocks in the section sidebar: **Marquee item**.

### Marquee item block settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Type | Select | Text | Text, Image, Icon |  |
| Text | Text | Make it bold |  | Shown when **Type** is Text. |
| Image | Image |  |  | Shown when **Type** is Image. |
| Image shape | Select | Pill | Pill, Circle, Card | Shown when **Type** is Image. |
| Icon | Select | Sparkle | Flame, Star, Sparkle, Heart, Leaf, Truck, Check, Plus, Arrow right, Arrow up right | Shown when **Type** is Icon. |
| Font | Select | Heading | Heading, Accent, Heading font, outline | Shown when **Type** is not Image. |
| Text color | Select | Color scheme text | Color scheme text, Accent, Custom |  |
| Custom text color | Color |  |  | Shown when **Text color** is Custom. |

Give the item its own color scheme or a border to turn it into a pill.

#### Colors and border

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Inherit color scheme | Checkbox | On |  |  |
| Color scheme | Color scheme | Scheme 3 |  | Shown when **Inherit color scheme** is off. |
| Corner radius | Slider | 80 px | 0 to 80 px, step 2 |  |
| Border | Select | None | None, Solid, Dashed |  |
| Border thickness | Slider | 2 px | 1 to 8 px, step 1 | Shown when **Border** is not None. |