You can add a grid of events to any Elementor page using the "Post or Pages grid"

Step 1: Edit the page with Elementor and look for Grid

Step 2: Add the Post or pages grid to the page

Step 3: Edit the grid and select the post type Events

Events are automatically ordered by the Event Date: the older date appears first.

If you want to hide the past events automatically, switch on the parameter "Hide past events"

Step 4: filter the events. To use a particular Event Type category as filter, write Eventtype in the "Category filters", and choose the filter you want from the dropdown.

Design:

Columns: this parameter controls the amount of columns per row. Is useful if you want to add an event in a third column or in a 2/3 column.

The event card is meant to have at least 1/third column of space. So, you need to change the amount of events per column depending on the width of your column.

You can set a different amount of items for the Tablet screen size.

In mobile, the amount is fixed and is 1 item per row.

Was this answer helpful? 0 Users Found This Useful (0 Votes)