Scrolling marquee block

A running line of text and icons that moves continuously across the page, for campaign or promotional messages. The block holds two kinds of items: Marquee text and Marquee icon. Add them with Add block inside the marquee and arrange them in the order they should repeat.


Marquee settings

Setting Description
Marquee speed Time the content needs to complete one loop. Higher values scroll slower. Range: 10–60 s, step 2. Default: 32 s.
Item spacing Space between repeated marquee items on desktop. Range: 10–200 px, step 2. Default: 60 px.
Item spacing mobile Space between marquee items on mobile. Range: 10–200 px, step 2. Default: 30 px.

Marquee padding

Setting Description
Top, Bottom, Left, Right Space around the marquee on desktop. Range: 0–100 px, step 1. Default: 0 px.
Top mobile, Bottom mobile, Left mobile, Right mobile Space around the marquee on mobile. Range: 0–100 px, step 1. Default: 0 px.

Marquee text settings

Setting Description
Text Text of the item. Supports inline formatting. Default: Add campaign or promotional text here.
Preset Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph, Small text or Custom. Presets are edited in Theme settings → Typography. Default: Hero.
Custom font size Font size on desktop. Available only with the Custom preset. Range: 8–160 px, step 2. Default: 20 px.
Custom font size mobile Font size on mobile. Available only with the Custom preset. Range: 8–120 px, step 2. Default: 16 px.
Font Font family: Heading large, Heading small, Body or Accent. Default: Heading large.
Color Text color: Heading, Text or Accent. Default: Accent.
Text style Letter case: Normal, Uppercase or Lowercase. Default: Uppercase.

Marquee icon settings

Setting Description
Height Height of the icon on desktop. Range: 6–120 px, step 2. Default: 60 px.
Height mobile Height of the icon on mobile. Range: 6–120 px, step 2. Default: 32 px.
Image Icon or image shown between the text items.
Image dark mode Image used in dark mode. If not selected, the light mode image is used. Available only when dark mode is enabled in Theme settings and an image is selected.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us