Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

google reviews in elementor
infographic-designer
Free Timeline in Elementor - Featured Blog

List for Elementor (Free & Easy to Use)

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.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “List”
  3. Hover over the widget in the search results and click install
  4. Add your “List” widget to any Elementor Page
Add a Free List for Elementor

General Settings in Elementor List

General Settings in Elementor List
1

Title Tag

Select the html tag for title.

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • div
  • span
  • p
2

Enable Link

Enable/disable link option.

3

Gap

Set the gap between list items.

4

Number of Columns

Set the number of items to display in a row.

5

Icon Type

Select the icon type.

  • Index
  • Icon
6

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
7

Transition Speed

Set the transition speed in milliseconds.

Sequence Entrance Animation Settings in Elementor List

Sequence Entrance Animation Settings in Elementor List
1

Sequence Entrance Animation

Select the sequence entrance animation for widget.

  • None
  • Appear
  • Scale Up
  • Scale Down
  • From Left
  • From Right
  • From Top
  • From Bottom

Connect Widget Settings for Elementor List

Connected Widgets Settings in Elementor Slider Gallery
1

Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2

Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3

Sync

You can connect two item-based widgets and sync them.

4

Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Elementor List Source Settings

Elementor List Source Settings
1

Items Source

Select the item source for event list.

  • Items
  • Posts
  • WooCommerce Products
  • ACF Custom Field
  • JSON or CSV
  • Gallery
  • Terms
  • Users 
  • Menu
  • Instagram

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
1

Title

Set the title for list item.

2

Text

Type text to display in list item.

3

Link

Paste or type URL to link.

4

Show Image

Show/Hide the image.

5

Override Default Colors

Select to override the default colors for normal, hover and active state.

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 Styling

Elementor List Item Styling

Style the layout, alignment, padding, background, border, and color of items.

Elementor List Item Styling

Elementor List Icon Styling

In this section, style the icon size, spacing, typography, border, icon color, background, and radius.

Elementor List Icon Styling

Elementor List Title Styling

Set the title color, typography, and spacing.

Elementor List Title Styling

Elementor List Text Styling

Set the text color, typography, and spacing in normal, hover and active state.

Elementor List Text Styling

Elementor List Image Styling

Set the image width, height, positioning, alignment, radius, border, and margin.

Elementor List Image Styling

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 Two Column Layout

Free Elementor List with a Vertical Layout (Mobile Screen)

Free Elementor List with a Vertical Layout (Mobile Screen)

Free Elementor List with Content Slider and Remote Tabs

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.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!