Marquee

Usage

The Marquee block adds horizontally scrolling text to your site — useful for announcements, updates, or emphasizing important details. Text repeats automatically for a seamless loop.

Customize the message, scroll speed, vertical padding, visual style, and semantic HTML tag from the sidebar.

Text

Enter the content in the Text field (sidebar or inline). The block duplicates your string to fill the scroll area.

• Add a separator such as • or | at the end so repetitions read clearly
• If gaps appear between loops, extend the string manually — the default includes a trailing bullet (I am your marquee • )

Only the first repetition is exposed to screen readers and search snippets; duplicates are marked aria-hidden for accessibility.

Options

• Speed — controls animation duration in seconds. Lower values scroll faster; higher values slow the movement down.
• Padding — vertical spacing above and below the text in rem
• Style — Customizer typography preset (h1–h6, paragraph, bold). Changes appearance only.
• Tag — semantic HTML element (h1–h6 or p). Changes structure and accessibility, not visual style.

Style and tag are independent — match them for predictable results, or mix intentionally when you need semantic hierarchy with a different visual treatment.

Block width

Marquee supports Wide and Full alignment from the block toolbar (default is wide). Full-width marquees span the viewport edge to edge.

Tips

• Keep messages short — scrolling works best for punchy phrases, not paragraphs.
• Test speed at mobile widths; what feels slow on desktop may read fine on a phone.
• Pair with a Hero or Logos band above or below for event or sponsor announcements.