In this guide, we will show you how to use the “Scroll Marquee widget” on your Elementor website. The Scroll Marquee widget lets you display continuously scrolling text, images, or content across your page. Ideal for highlighting announcements, offers, or featured items, this dynamic widget helps capture user attention while keeping your layout clean and engaging.
Let’s explore the customization options available in the “Scroll Marquee widget” for Elementor below.
Elementor Free Scroll Marquee Tutorial Video (Step by Step Guide)
Add a Free Scroll Marquee to Elementor
Add a Free Scroll Marquee Widget to an Elementor Page
Elementor Scroll Marquee Widget General Settings
Speed
Controls the speed of the horizontal scroll/movement relative to how much the user scrolls the page vertically.
Direction
Sets the horizontal direction in which the content moves.
Offset (px)
Defines the starting horizontal position of the marquee content in pixels.
Item Image Size
Selects the image size that WordPress/Elementor will use for images within the marquee.
Items Source
This setting defines where the content for the marquee comes from:
Items: Manually add and customize content directly within the widget.
Posts: Pulls content dynamically from your WordPress blog posts.
WooCommerce Products: Pulls content dynamically from your product listings.
ACF Custom Field: Pulls content based on data from an Advanced Custom Field.
JSON or CSV: Imports content from an external JSON or CSV file source.
Gallery: Uses images from a specified WordPress Media Library gallery.
Terms: Pulls content based on WordPress Taxonomy terms.
Users: Pulls content dynamically related to registered users.
Menu: Uses items from a specified WordPress Navigation Menu.
RSS: Pulls content from an external RSS feed.
Instagram: Pulls content directly from a connected Instagram account.
API Integrations: Allows fetching content from other third-party services via API.
Debug - Show Input Data
When toggled on, it displays the raw data the widget is pulling, which is useful for troubleshooting the source connection.
Show Title
Toggles whether the title associated with the marquee item is displayed.
Show Text
Toggles whether the descriptive text or excerpt associated with the marquee item is displayed.
Show Overlay
Toggles whether a graphical overlay (like a color layer or gradient) appears on top of the item content.
Show Play Icon
Toggles the display of a 'Play' icon, typically indicating that the item is a video or a clickable media element.
Title
Sets the internal label for the item within the Elementor editor.
Item Source
A dropdown that determines the type of content for this specific item.
Image
The field used to select or upload the main image that will be displayed for this item in the marquee.
Text
The main content area where you can input descriptive text or a short paragraph for the item.
Link
The input field to set a URL, which makes the entire item clickable and redirects the user to that address.
Elementor Scroll Marquee Widget Style Settings
Space Between
Sets the horizontal distance, or gap, between each marquee item.
Item Border Radius
You can set uniform rounding or different values for the Top, Right, Bottom, and Left corners.
Item Border Type
A dropdown to select the style of the border around each item.
Item Box Shadow
Provides controls to customize a shadow effect that is cast around each item box, enhancing depth and visual separation.
Items Wrapper Padding
Controls the inner spacing (padding) added inside the overall container that holds the marquee items, allowing you to create space between the items and the wrapper's edges.
Width Type
Defines how the width is controlled (e.g., Custom, Full, or Auto).
Width
Sets the specific custom width of the image or video element.
Height
Sets the specific custom height of the image or video element.
Border Type
Selects the style of the border around the image/video.
Border Radius
Allows rounding of the corners for the image/video element.
Shadow
Provides controls to customize a shadow effect cast around the image/video element.
Object Fit
Controls how the image or video resizes to fit its container.
Object Position
Defines the alignment of the media within its container when Object Fit is used.
Scroll Marquee Widget Design Examples For Elementor
Here are some live use cases for the Scroll Marquee widget.
Scroll Marquee for Digital art.
Scroll Marquee For Skin Care Banner.
Thank you for using the Scroll Marquee widget for Elementor! This free and dynamic tool lets you display continuously scrolling text, images, or any content to highlight important announcements, offers, or featured items. Designed to attract attention and enhance your site’s visual flow, it offers customizable options to fit seamlessly into your layout. For support or inspiration, feel free to get in touch or explore our demo.
