Ticker

A single line of accent-coloured type marching horizontally across the full width, messages separated by a divider, looping forever. One setting holds all the messages.

It does one job: fill the seam between two big sections with movement and a few short claims. On the demo homepage it sits directly under the hero.

Settings

Setting	Type	Default	What it does
Text	Textarea	Trending now: limited edition collection | Free shipping worldwide | New arrivals every Friday | The future of streetwear is here	Every message, separated by a vertical bar |.
Divider	Text	//	What is printed between messages. Rendered in white against the accent-coloured text.
Seconds per loop	Range, 10–80 s, step 2	34	Seconds per complete loop. Lower is faster.
Show hairlines above and below	Checkbox	false	Draw hairlines above and below the strip.
Top spacing	Range, 0–160 px	14	Top spacing. Much tighter than other sections by default.
Bottom spacing	Range, 0–160 px	14	Bottom spacing.

No blocks. One preset, Ticker.

Behaviour worth knowing

The loop is seamless because the line is printed twice. The whole message list is rendered two times and marched exactly half its own width, so there is never a visible gap or a jump at the end of a cycle. Which means the apparent speed depends on how much text you have: the same 34 seconds covers a lot more ground with eight messages than with two. Adjust speed after you have written the copy, not before.

It stops when you look at it. Hovering the strip, or giving anything inside it keyboard focus, pauses the animation so a reader can actually read the line that caught their eye.

Motion off means motion off. With the theme’s Motion setting switched off, or a reduced-motion preference set on the visitor’s system, the line does not move — it sits static. Do not put anything in the ticker that only makes sense while it is scrolling.

Screen readers get a clean copy. The moving strip is hidden from assistive technology, and a separate invisible copy of the text is rendered with the bars replaced by full stops, so the messages are read once as sentences rather than as a stream of fragments.

Tip

Three to five messages of four to six words each. The ticker is read in glances, so each message has to land whole in one glance: “Four drops a year”, “Nothing restocked”, “Free worldwide shipping”. A full sentence scrolls past half-read.

Note

For a dismissable promotional message with its own link, use the announcement bar above the header instead — this section is decoration, and its text is not clickable.