The Scroll Marquee Effect is a stylish way to bring motion and visual interest to your Elementor designs. Instead of static images or blocks, your content smoothly scrolls across the screen as the user moves, creating a dynamic and engaging visual flow. This effect is perfect for showcasing client logos, product galleries, testimonials, or featured images in a clean, modern style. It adds energy without overwhelming the layout — making your section feel polished and interactive.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the Scroll Marquee widget to your Elementor website
To add a scroll marquee effect on your Elementor website, install the Scroll Marquee widget from the Unlimited Elements Widget library.
Step #3: Add the Scroll Marquee Effect widget to your Elementor page
Now, in the Elementor editor, find the Scroll Marquee widget and drag it to the desired part of your page.
General Settings
Speed
Adjust the scrolling speed based on your design preference. (This controls how many horizontal pixels move per vertical pixel scroll.)
Direction
Choose the horizontal scroll direction:
- Left
- Right (Pro)
Offset
Set the horizontal offset in pixels to fine-tune the starting position.
Item Image Size
Select the appropriate image size for your items.
Items Source
Choose the Items Source from the dropdown. You can select from:
Posts
WooCommerce Products
ACF Repeater Fields
JSON / CSV Files
Gallery
Terms
Users
Menu Items
and more.
The “Items” option is available in the free version, while the other dynamic sources require the Pro version.
For this tutorial, we’ll use static data and add content through the Items Repeater.
Layout Options (Pro)
Show Title
Show or hide the title that appears when hovering over an item.
Show Text
Show or hide the descriptive text that appears on hover.
Show Overlay
Enable or disable the overlay effect on hover.
Show Play Icon
Show or hide the play icon (useful for video items).
Play Icon
Choose the desired play icon to show.
Add Items for the Scroll Marquee
Title
Enter the title text for the item.
Item Source
Choose the source type for the item:
- Image
- Video (Pro)
- Template (Pro)
Image
If the item source is Image, upload or select an image.
Text
Add descriptive text (only relevant if Show Text is enabled).
Link
Insert a link if you want the item to be clickable.
Wrapping it Up!
By adding a Scroll Marquee Effect to your Elementor pages, you can instantly elevate the visual appeal and create a more immersive browsing experience. It’s a simple but powerful design trick that helps your content stand out and stay memorable. Give it a try in your next section or hero banner and experiment with speed, direction, and spacing to create the perfect look. Happy designing!
