Create a Auto Sliding/Scrolling Text Effect in Elementor | Marquee in Elementor

In this Elementor tips and tricks tutorial, I'll show you how to create a Auto Sliding/Scrolling Text Effect in Elementor (Marquee in Elementor)

✅Get Elementor Pro:

✅Get Domain & Webhosting(SAVE 50%):

✅Get all code snippets:

✅Get creative templates on my Template Shop:

Today, I'll show you how you can make auto sliding text in Elementor (AKA marquee in Elementor). Here we’ll make 2 sliding text, the first one goes from right to left, and the second one from left to right. And you can also use this auto scrolling text effect as a background of any section which makes your page design more creative.

First, we add an heading widget inside an inner section and then use some custom code to enable the auto scrolling effect with that text.

Then, we take another heading and slide it on the opposite direction (form left to right). You can also control the Elementor scrolling text speed or add stroke with the text by using additional custom CSS.

Lastly, I also show you how you can add this Elementor sliding text effect as a background of any section. If you enjoy this Elementor tips and tricks video, don’t forget to like and subscribe.

✅Contact me for your Project:

[hollypc]

I dont have sections, I added a container and it not working

[ysg-os]

If the text display out of the screen: Select container > Layout > Additional Options > Overflow > Hidden

[nicolenixxon]

I like how thorough your WordPress design course was. I also learned how smart it was to use the Elementor add-on ElementsReady to improve my WordPress design job. I was able to build a website with a polished appearance using the extensive selection of pre-designed elements and themes it provided while also saving a ton of time and work.

[artkarapetov]

Dude your tutorials are awesome. I bought a few templates from you to support the channel. Keep it up bro

[allisonkessler]

This tutorial was fantastic, exactly what I needed!

[kondetistephenraj]

How to build this on containers instead of using inner sections?

[Macarowni]

Is there a way to find out where the flexbox tutorial is. I cannot purchase the template to find it there. The current code in the youtube video doesn't work in flexbox unfortunately. Can you help me out?

[Wares_hashimi]

Hey bro, your totoril is very nice. Just tell me this css is which type of the css? because I did not see it anywhere

[michaellengner]

Hi Jitu, nice video and a great effect! Using all settings you described I think it is not working responsive, because the scrolling text is too wide...? Have you got an ides to fix this?

[amkmammu]

OMG!! Its working AARRGGGG!!! THANK YOU!!! ⭐🥰

[AD-vxvn]

On pc the design is good but on mobile view its has brought all the extra height and width. Please help.

[silsieirab]

Thank you so much!! I tested it with the flexbox container as commented below and it works perfectly.

[vvv.]

Hi, thank you for the tutorial. I have an issue with the code - The scrolling text works great, but It disables all the other js effects on the page, like entrance animation etc... Any ideas?

[TheBrandingWitchAIEmpress]

Is there an update to do this now that everything is containers?

[HugoFireWar]

I need help. Scrolling works perfectly on PC, but on mobile every time I scroll a little, the text returns to the beginning.

[kristenevans]

Love this! Thank you so much. I'm having a problem though where the code is increasing the width of my website by a lot. Any ideas on how to fix this?

[skycarrot]

Hello, I've followed your tutorial and it works the way I wanted but if I would like to rotate it upward a bit, where do I change the rotation angle in the codes?

[Website-Developer]

I was having an issue where the heading was extending past the page. I had to hide the "Overflow" of the inner section.

[Nilrsy]

Such a great video I've ever seen. Thank for this. I got one problem horizontal scrolling, I don't need it how to create it without horizontal moving?

[lisateawhitu]

Hey, great tutorial, easy to follow :) I'm using Flexbox and struggling to get the second line flip up and reverse the direction. I noticed the comment about switching the HTML widget around, but it didn't seem to fix it. Do you have any fixes for the most recent versions of Elementor?