The Event List Widget allows you to showcase events & special occasions on your Elementor websites in a list format. It is easy to use and perfect for sites with multiple events, from concerts and seminars to workshops and webinars. It also supports advanced options such as Remote Connection and syncing with other widgets.
Let’s look at each of the options in the “Event List Widget” below.
Install Event List Widget for 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 “Event List”
- Hover over the widget in the search results and click install
- Add your “Event List” widget to any Elementor Page
Select the item source for event list.
- Meta Field
- JSON or CSV
Type text to show in the button.
Select the layout of event list.
- Row Reverse
- Column Reverse
Select the placement of badge.
Item Image Size
Set the image size of event list.
- Medium Large (max width)
- Large (max width 1024)
- Medium (max width 300)
- Thumbnail (150*150)
- Full Size
Number of Columns
Set the number of columns to display in event list.
Set the gap between items.
Show/Hide the image.
Show/Hide the calendar in event list.
It will wraps content into column after this breakpoint.
Show/Hide the description element.
Show/Hide the button element.
Set the button positioning.
- In Content
- On Side
Hide Calendar on Collapse
Calendar will hide on collapse.
Show/Hide the time on event list.
Set the date format.
Set the time format.
Show Empty Message
Show/Hide the empty message.
Type text for empty message.
Entrance Sequence Animation Settings
Entrance Sequence Animation
Set the entrance sequence animation for event list.
- Scale Down
- Scale Up
- From Left
- From Right
- From Top
- From Bottom
Choose an icon for location.
Choose an icon for date.
Choose an icon for time.
Choose an icon for price.
Connected Widgets Settings
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.
You can connect two item-based widgets and sync them.
Choose the same group for two or more item-based widgets so they can sync together.
Manage the items of event list using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Set a title for your event list item.
Choose an image to display.
Set the image size.
- Medium Large
- Full Size
Type the event location text.
Select the event date.
Type the event price.
Type text for description.
Paste your URL for link.
Type text for badge.
Show/hide the button.
Override BG Color
Override the background color for this particular item.
Override Button BG Color
Override the button background color for this particular item.
Event List Widget Styling
Every aspect of the widget’s design can be controlled through different styling options. 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.
Set the item padding, radius, alignment, shadow, and border.
Item Background Styling
You can style the item background, background color, and background image.
You can style the image alignment, spacing, width, height, border, radius, and margin.
You can set the color, typography, and spacing of the title.
In this section, set the attributes color, typography, spacing, gap, and layout.
Attributes Items Styling
You can style the attributes item color.
This section lets you set the description color, typography, shadow, and spacing.
You can customize typography, padding, radius, background color, text color, spacing, border, and hover effect of button.
Set the calendar spacing, background, border, radius, border, alignment, and margin.
Calendar Day Styling
Set the calendar day color, typography, and padding.
Calendar Month Styling
Set the calendar moth color, background, typography, and padding.
Style the badge background, color, and typography.
Empty Message Styling
You can set the empty message typography, color, background, radius, padding, margin, and borderl
Here are some live use cases for the Event List Widget.
Event list widget synced with Remote Arrows and Content Carousel.