Skip to content

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

Table Of Content

Want a scrolling ticker for offers, news or a bold brand line?

The Marquee option of the Advanced Typography widget from The Plus Addons for Elementor moves your text across the page, left, right, up or down.

To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Edition: Pro — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.
  • Widget to enable: Advanced Typography, switched on under The Plus Addons > Widgets.

Steps

  1. Add the Advanced Typography widget, keep Select Option on Normal and type your text.
  2. Open Content > Marquee and turn on Enable/Disable.
  3. Choose the Type: Default or On Transition (see below).
  4. Set the Direction. For left-to-right motion, choose Right.
  5. Adjust the speed settings and the Width, then publish.
The marquee section with type set to default, and the marquee text on the canvas
Switching on marquee in the advanced typography widget

Default or On Transition

SettingDefaultOn Transition
How it movesThe HTML <marquee> elementA CSS animation
DirectionLeft, Right, Up, DownLeft, Right, Up, Down
BehaviorScroll (default), Slide, AlternateNot available
LoopNumber of loops, default -1Not available; the animation repeats
SpeedThe marquee scroll amount, default 6Not available
Animation DurationDelay between steps, default 85Seconds for one pass. Empty uses the built-in speed (Left and Right 8 s, Up 2 s, Down 3 s)
WidthWidth of the marquee areaWidth of the text area
The marquee section with type set to on transition and animation duration set to 10

<marquee> is an obsolete HTML element that browsers still support. If you prefer standard markup, use On Transition.

Demo of marquee text moving across the page

How It Behaves

  • With Direction set to Right, the text moves from left to right. Left moves it the other way.
  • In Multiple mode, each item has its own Marquee settings, so only part of the text can move.

Limitations

  • Marquee text can’t be a link. With Marquee on, the Advanced Options > Link is not added to the page.

Troubleshooting

The text doesn’t move

Check that Enable/Disable is on, then test on the published page or the preview.

Related Docs

Related Frequently Asked Questions

Related Docs