The “List Widget“ can be used to create styled ordered and unordered lists easily. The ordered list will add index numbers automatically to your list items. A lot of customization options are available to create exactly the look you want for your Elementor page. This free widget comes with advanced options like Remote Connection and Syncing with other widgets.
Let’s look at each of the options in the “List Widget” below.
Elementor List Tutorial Video
Add a Free List for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “List”
- Hover over the widget in the search results and click install
- Add your “List” widget to any Elementor Page
General Settings in Elementor List
Title Tag
Select the html tag for title.
- H1
- H2
- H3
- H4
- H5
- H6
- div
- span
- p
Enable Link
Enable/disable link option.
Gap
Set the gap between list items.
Number of Columns
Set the number of items to display in a row.
Icon Type
Select the icon type.
- Index
- Icon
Item Image Size
Select the item image size.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
- 1536*1536
- 2048*2048
- WooCommerce Thumbnail
- WooCommerce Single
- WooCommerce Gallery Thumbnail
Transition Speed
Set the transition speed in milliseconds.
Sequence Entrance Animation Settings in Elementor List
Connect Widget Settings for Elementor List
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Elementor List Source Settings
Elementor List Items Settings
Manage the list items using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Elementor List Items Settings
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.
Elementor List Styling
A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.
Elementor List Item Styling
Style the layout, alignment, padding, background, border, and color of items.
Elementor List Icon Styling
In this section, style the icon size, spacing, typography, border, icon color, background, and radius.
Elementor List Title Styling
Set the title color, typography, and spacing.
Elementor List Text Styling
Set the text color, typography, and spacing in normal, hover and active state.
Elementor List Image Styling
Set the image width, height, positioning, alignment, radius, border, and margin.
Usage Examples for Elementor List
Here are some live use cases for the List Widget.
Free Elementor List with a Two Column Layout
Free Elementor List with a Vertical Layout (Mobile Screen)
Free Elementor List with Content Slider and Remote Tabs
Thank you for using the List Widget for Elementor! With its customizable design and flexible layout, this is the best List Widget for Elementor, perfect for organizing content in a clear and structured way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.