Skip to content

How to Create Marquee Text Effect in WordPress? (Left to Right Motion)

Updated On : September 27, 2026By : Reading Time : 2 minutes

Key Takeaways

  • Nexter Blocks Pro usa el bloque Advanced Typography para hacer que cualquier texto se desplace con sus ajustes de Marquee, con edición en Nexter > Blocks activada en el panel de WordPress.
  • Marquee ofrece dos tipos, On Transition y Default, y permite definir Direction, Behavior, Loop, Scroll Amount, Animation Duration y Marquee Text Width.
  • On Transition usa una animación CSS y se presenta como la opción más segura para páginas nuevas, mientras que Default usa el elemento marquee del navegador, que sigue funcionando aunque está obsoleto en HTML.
Table of Contents

Scrolling text catches the eye for announcements, offers and ticker-style strips.

The Advanced Typography block in Nexter Blocks Pro makes any text scroll with its Marquee settings.

For every Advanced Typography setting in one place, see the Advanced Typography block guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Pro — Marquee text needs Nexter Blocks Pro.
  • Block to enable: Advanced Typography, switched on under Nexter > Blocks in your WordPress dashboard.

Steps

  1. Add the Advanced Typography block and type your text in Content.
  1. Open Marquee and turn on Marquee.
The Marquee panel with Marquee on and the Type setting
  1. Choose a Type: On Transition (CSS animation) or Default (browser marquee element).
  1. Set Direction, then the speed settings below and Marquee Text Width. Save.
A published marquee text mid-scroll

Marquee Settings

SettingDefault typeOn Transition type
DirectionLeft, Right, Up or DownLeft, Right, Up or Down
BehaviorScroll (loops), Slide (stops at the end) or Alternate (bounces)—
LoopNumber of passes; -1 repeats forever—
Scroll AmountDistance per step; higher is faster—
Animation DurationDelay between steps; lower is smoother and fasterSeconds for one pass (default 3)
Marquee Text WidthWidth of the scrolling areaWidth of the scrolling area

How It Behaves

  • Default uses the browser’s marquee element, which is obsolete in HTML but still works in current browsers.
  • On Transition moves the text with a CSS animation. It is the safer choice for new pages.
  • With Multiple, each text item has its own Marquee settings in Extra Options.

Limitations

  • Behavior, Loop and Scroll Amount only affect the Default type.
  • Constant motion can distract or bother some visitors. Keep marquee text short and use it sparingly.

Troubleshooting

The text scrolls too fast

For Default, lower Scroll Amount. For On Transition, raise Animation Duration.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What do I need before creating a marquee text effect in WordPress?

Marquee text in Nexter Blocks Pro needs the Advanced Typography block, and that block has to be switched on under Nexter > Blocks in your WordPress dashboard. The page also says the feature is for the Pro edition. That matters because the marquee controls only appear once the block is available, so missing either piece stops the setup before it starts.

Should I use Default or On Transition for marquee text?

On Transition is the safer choice for new pages because it uses CSS animation, while Default relies on the browser’s marquee element, which is obsolete in HTML but still works in current browsers. In practice, Default is more legacy-friendly, but On Transition is the cleaner option when you want less dependency on old browser behavior.

How do I make marquee text scroll left to right instead of the usual direction?

The Direction setting controls that, and it supports Left, Right, Up, or Down. For a left to right motion, set Direction to Right. That choice matters because Direction works with both types, so you can keep the same content and just change how it moves across the scrolling area.

Why does my marquee text scroll too fast?

Speed depends on the type you picked. For Default, lower Scroll Amount because it controls distance per step and higher values are faster. For On Transition, raise Animation Duration because it sets the seconds for one pass and lower values are smoother and faster. That split is easy to miss when troubleshooting speed.

What are the limitations of marquee text in Nexter Blocks Pro?

Behavior, Loop, and Scroll Amount only affect the Default type. That means if you switch to On Transition, those settings stop controlling motion and you need to think in terms of animation timing instead. The page also warns that constant motion can distract or bother visitors, so short text works better than long ticker-style copy.

Can I use marquee text for multiple text items or ticker-style strips?

Multiple text items are supported through Extra Options, where each item gets its own Marquee settings. That makes Nexter Blocks useful for ticker-style strips and announcements without forcing every line to move identically. The page also notes that scrolling text catches attention for announcements and offers, so it fits short promotional content better than long paragraphs.

Last reviewed: September 27, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53