The List Marquee widget empowers you to create captivating scrolling lists that add movement and dynamism to your website. Perfect for showcasing announcements, features, or updates, the List Marquee Widget offers extensive customization options, ensuring it aligns seamlessly with your design. Whether you want a vertical or horizontal marquee, this widget provides the tools to grab attention and elevate your site’s interactivity.
Let’s look at each of the options in the List Marquee widget for Elementor below.
Elementor List Marquee Video Tutorial
Add a List Marquee Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “List Marquee”
- Hover over the widget in the search results and click install
- Add the “List Marquee” widget to any Elementor Page
Source Settings
The List Marquee widget supports multi-source functionality, allowing you to populate dynamic, data-driven content from a variety of sources. These include items, posts, meta fields, JSON or CSV files, galleries, terms, users, menus, and even API integrations for ultimate flexibility.
Items
You can use the item repeater field as item source.
WordPress Posts
Display WordPress posts dynamically in list marquee, including custom post types and fields for maximum flexibility.
Meta Field
Use Meta as an item source for your list marquee to dynamically display and manage content from your Meta data.
JSON or CSV
Load your list marquee with data from JSON or CSV files to easily manage and display structured content.
Gallery
You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.
Terms
Use Terms as a source for your list marquee to dynamically display and manage taxonomy terms from your WordPress site.
Users
You can use WordPress Users as an item source for your list marquee to display and manage dynamic content from your site’s user data.
Menu
Use your WordPress Menu as a source for the list marquee to dynamically display and manage menu items in a visually engaging layout.
API Integrations
Integrate an API into your list marquee to dynamically fetch and display data from external systems or services.
General Settings
Speed
Set the speed of list marquee.
Show Graphic Element
Show/Hide the graphic element.
Graphic Element Type
Select the graphic element to show in list marquee.
- Icon
- Image
Show Text
Show or hide the text.
Pause On Hover
Marquee will pause on mouse hover.
Animation
Set the animation direction of list marquee.
- Left
- Right
- Up
- Down
Item Direction
Set the item direction.
- ltr - Left to Right direction
- rtl - Right to Left direction
Image Size
Set the image size in list marquee.
- Full
- Large
- Medium Large
- Medium
- Thumbnail
- 1536x1536
- 2048x2048
Items Setting
Manage the items of the list marquee using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Schema Setting
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
List Marquee Widget Styling
Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Marquee Styling
Set the marquee background, padding, border, and text alignment.
Marquee Item Styling
Set the marquee item padding, margin, color, typography, background, and stroke color.
Graphic Element Styling
You can set the icon size, border radius, border, spacing, and color.
List Marquee Design Examples For Elementor
Here are some live use cases for the List Marquee Widget.
List marquee on new website.
List Marquee on ecommerce website for energy drinks.
We hope this guide helps you make the most of the List Marquee widget for Elementor. With its easy-to-use controls and customization options, you can create stunning scrolling lists that captivate your audience. If you have any questions or need assistance, our support team is here to help. Thank you for choosing Unlimited Elements to power your creativity, and happy designing!