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
Source Settings #
Items Source
Select the item source for event list.
- Items
- Posts
- Meta Field
- JSON or CSV
- Gallery
- Terms
- Users
- Menu
General Settings #
Button Text
Type text to show in the button.
Layout
Select the layout of event list.
- Row
- Row Reverse
- Column
- Column Reverse
Badge Placement
Select the placement of badge.
- Left
- Right
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
- 1536*1536
- 2048*2048
Number of Columns
Set the number of columns to display in event list.
Grid Gap
Set the gap between items.
Layout Settings #
Show Image
Show/Hide the image.
Show Calendar
Show/Hide the calendar in event list.
Collapse Cotent
It will wraps content into column after this breakpoint.
Show Description
Show/Hide the description element.
Show Button
Show/Hide the button element.
Button Position
Set the button positioning.
- In Content
- On Side
Hide Calendar on Collapse
Calendar will hide on collapse.
Show Time
Show/Hide the time on event list.
Date Format
Set the date format.
Time Format
Set the time format.
Show Empty Message
Show/Hide the empty message.
Empty Message
Type text for empty message.
Entrance Sequence Animation Settings #
Entrance Sequence Animation
Set the entrance sequence animation for event list.
- None
- Appear
- Scale Down
- Scale Up
- From Left
- From Right
- From Top
- From Bottom
Icon Settings #
Location Icon
Choose an icon for location.
Date Icon
Choose an icon for date.
Time Icon
Choose an icon for time.
Price Icon
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.
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.
Items Settings #
Manage the items of event list using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Set a title for your event list item.
Image
Choose an image to display.
Image Size
Set the image size.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
- 1536*1536
- 2048*2048
Event Location
Type the event location text.
Event Date
Select the event date.
Event Price
Type the event price.
Description
Type text for description.
Link
Paste your URL for link.
Badge
Type text for badge.
Show Button
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.
Item Styling #
Set the item padding, radius, alignment, shadow, and border.
Item Background Styling #
You can style the item background, background color, and background image.
Image Styling #
You can style the image alignment, spacing, width, height, border, radius, and margin.
Title Styling #
You can set the color, typography, and spacing of the title.
Attributes Styling #
In this section, set the attributes color, typography, spacing, gap, and layout.
Attributes Items Styling #
You can style the attributes item color.
Description Styling #
This section lets you set the description color, typography, shadow, and spacing.
Button Styling #
You can customize typography, padding, radius, background color, text color, spacing, border, and hover effect of button.
Calendar Styling #
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.
Badge Styling #
Style the badge background, color, and typography.
Empty Message Styling #
You can set the empty message typography, color, background, radius, padding, margin, and borderl
Usage Examples #
Here are some live use cases for the Event List Widget.
Event list widget synced with Remote Arrows and Content Carousel.
