Add a scrolling text marquee to WordPress

A single line of short words gliding sideways forever, with a small symbol between each. Give it a colored box, tilt it, fade its ends or let it break out to the full screen width.

Type

A Grinner block

Find it

Press + and search “Scrolling Text”

Phones

Keeps gliding, and tap-to-pause depends on the browser

Speed

No script at all, just styles

What you can change

The settings worth knowing.

The look comes from four settings and the band’s own colored box.

FreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDaily
FreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDaily
FreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDailyFreshLocalDaily

Type

Choose the separator

Star, dot, diamond, slash or pipe, with its own size and color.

Sale now onEnds SundaySale now onEnds SundaySale now onEnds SundaySale now onEnds SundaySale now onEnds SundaySale now onEnds SundaySale now onEnds SundaySale now onEnds SundaySale now onEnds Sunday

Tilt Angle (deg)

Lean it

A few degrees of tilt turns a strip into a poster detail.

Your card

Edge to edgePast the cardEdge to edgePast the cardEdge to edgePast the cardEdge to edgePast the cardEdge to edgePast the cardEdge to edgePast the cardEdge to edgePast the cardEdge to edgePast the cardEdge to edgePast the card

The band runs on

Full Width Breakout

Edge to edge

Runs the full screen width even inside a narrower section.

FreeFastYoursFreeFastYoursFreeFastYoursFreeFastYoursFreeFastYoursFreeFastYoursFreeFastYoursFreeFastYoursFreeFastYoursFreeFastYours

Background

A box of its own

A background color or gradient, padding and a border, all from the Styles tab. Only the words fade at the edges.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Add Scrolling Text

Press + and search for Scrolling Text, then type your items, one to six words each.

3

Style the band

Wrap it in a Group for a background color, choose a separator, a speed and a tilt, then publish.

Good to know

Fair questions.

Scrolling Text is a Grinner block that shows one line of short words gliding sideways forever, with a small symbol between each. You can tilt it, fade its ends or let it run the full width of the screen. Use it for a lively strip of offers, opening times or event details.

Yes. Any item can link to a page on your own site or to another website, and each link can have its own hover color for mouse users.

No. The band always scrolls. For still words, use a Paragraph.

Yes. Give it a background color or gradient, padding and a border in the Styles tab. The box shows in full while the words fade at its edges.

Only the built-in separators. For pictures, use Logo Marquee.

The band shows straight away and never moves.

Pairs well with

Try it with these.

A tint over a section’s background so the text on top stays readable.

A row of logos gliding past endlessly.

One line whose words take turns, with the transition you pick.

Grinner grinning

Go make something
beautiful.

Free on WordPress.org · No Pro version