Canvas Docs

Ticker

Scrolling announcement ticker with configurable items, direction, speed, and styling. It is shown in the block inserter as Canvas Ticker and registered as canvas-core/ticker.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Ticker settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Items

  • ItemsDefaultEmpty

    The entries that scroll past, in order.

    Each row of Items takes:

    • TextDefaultEmpty

      The words for this entry. Use Rich Content instead when the entry needs an icon or a badge.

    • Rich ContentDefaultEmpty

      Markup for this item: a pill, a badge with an icon, an image card. Replaces the plain text when set.

    • Link URLDefaultEmpty

      Where this entry leads when clicked. Leave empty for an entry that is not a link.

    • Open in New TabDefaultOff

      Open this link in a new browser tab, so the visitor keeps your page open behind it.

    • Item CSS ClassesDefaultEmpty

      Extra utility classes on this item (e.g. a text colour that suits the ticker’s background).

Settings

  • Reverse DirectionDefaultOff

    Run the entries the other way, from left to right.

  • Pause on HoverDefaultOn

    Stop the scroll while the pointer is over the ticker, so a visitor can read or click an entry.

  • Duration (seconds)Default50

    How long one full pass of the list takes. Raise it to slow the scroll down.

  • Repeat ItemsDefaultOff

    Emit the item list twice so a short list has no visible gap between loops. The design’s own tickers run a single pass.

Style

  • Item Gap (CSS value)DefaultEmpty

    Space between one entry and the next.

  • Font Size (CSS value)DefaultEmpty

    Text size of the entries. Leave empty for the size the theme sets.

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Content: Background Video / Audio, Cascading Images, Charts, Circle Stack, Clients, Data Tables.

Was this page helpful?