Background style
Chooses whether the stripe uses a single color or a gradient. Options: Solid or Gradient. Default: Gradient.
Usage
- Use Gradient for a vibrant marquee like the storefront preview.
- Use Solid for a flat brand color bar.
Scrolling text
Scrolling text is a full-width marquee of icon-and-label pairs that loop horizontally. Add up to 15 text items, pick a solid or gradient background, and set text color for offers, brand phrases, or collection tags.
Storefront preview
Storefront preview
Where to find this section
Where to find this
Themes → Customize → Add section → Scrolling text
Find it under Marketing and offers in the section picker. After adding the section, use Add Text item for each line in the marquee (up to 15).
Theme editor section list
Background
Solid background
Fill color when Background style is Solid. Default color: #CB3A3A.
Usage
- Shown when Solid is selected; ignored when Gradient is active.
- Pair with Text color for readable contrast.
Gradient background
Gradient fill when Background style is Gradient. Choose a gradient preset in the picker. Default: linear gradient from #CB3A3A to #F61CB1.
Usage
- Pick a preset that matches campaign or brand colors.
- Shown when Gradient is selected; solid color is not used in that mode.
Text color
Color for each text item label in the marquee. Default color: #FFFFFF.
Usage
- Use light text on dark or vivid backgrounds, and dark text on pale solids.
- Icons are uploaded as images and are not recolored by this setting.
Text item
Add Text item
Each block is one icon-and-label pair in the scrolling strip. You can add up to 15 text items and reorder them in the section sidebar.
Usage
- Add enough items to fill the marquee; duplicates loop for a seamless scroll.
- Remove blocks you do not need; empty text still takes a slot if the block remains.
Icon image
Small image shown before the label (for example a line icon in a circle). Recommended size: 40 px; use 80 px for retina.
Usage
- Use simple monochrome artwork that reads on your background color.
- Leave blank to show text only for that item.
Icon alt text
Describes the icon when it adds meaning for accessibility.
Usage
- Add a short label if the icon is not purely decorative.
- Leave blank for decorative icons when the adjacent text already explains the item.
Text
Label shown beside the icon (for example Velvet Mist). Default on new blocks: Velvet mist.
Usage
- Keep phrases short so they fit in the moving stripe.
- Leave blank to hide the label while keeping the icon, if needed.
Section spacing
Section spacing
Adds empty space above and below this section on desktop and mobile.
Usage
- Top padding (desktop) — Default: 40 px · 0–100 px
- Bottom padding (desktop) — Default: 40 px · 0–100 px
- Top padding (mobile) — Default: 40 px · 0–100 px
- Bottom padding (mobile) — Default: 40 px · 0–100 px
- When you move the slider, the gap above or below grows or shrinks