fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

google-maps-widget
age-verification-widget-for-elementor
digital-business-card-templates-for-elementor

Event List

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.

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

Source Settings

1

Items Source

Select the item source for event list.

  • Items
  • Posts
  • Meta Field
  • JSON or CSV
  • Gallery
  • Terms
  • Users 
  • Menu
  • Instagram

General Settings

1

Button Text

Type text to show in the button.

2

Layout

Select the layout of event list.

  • Row
  • Row Reverse
  • Column
  • Column Reverse
3

Badge Placement

Select the placement of badge.

  • Left
  • Right
4

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
5

Number of Columns

Set the number of columns to display in event list.

6

Grid Gap

Set the gap between items.

Layout Settings

1

Show Image

Show/Hide the image.

2

Show Calendar

Show/Hide the calendar in event list.

3

Collapse Cotent

It will wraps content into column after this breakpoint.

4

Show Description

Show/Hide the description element.

5

Show Button

Show/Hide the button element.

6

Button Position

Set the button positioning.

  • In Content
  • On Side
7

Hide Calendar on Collapse

Calendar will hide on collapse.

8

Show Time

Show/Hide the time on event list.

9

Date Format

Set the date format.

10

Time Format

Set the time format.

11

Show Empty Message

Show/Hide the empty message.

12

Empty Message

Type text for empty message.

Entrance Sequence Animation Settings

1

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

1

Location Icon

Choose an icon for location.

2

Date Icon

Choose an icon for date.

3

Time Icon

Choose an icon for time.

4

Price Icon

Choose an icon for price.

Connected Widgets Settings

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.

Items Settings

Manage the items of event list using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1

Title

Set a title for your event list item.

2

Image

Choose an image to display.

3

Image Size

Set the image size.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • 1536*1536
  • 2048*2048
4

Event Location

Type the event location text.

5

Event Date

Select the event date.

6

Event Price

Type the event price.

7

Description

Type text for description.

8

Link

Paste your URL for link.

9

Badge

Type text for badge.

10

Show Button

Show/hide the button.

11

Override BG Color

Override the background color for this particular item.

12

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.

Video Overview

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!