A smaller design great for showing more events in a smaller space, and easily seeing the date on the side. There are a number of options to customize what is displayed (not all of them are demonstrated here) and you can combine more than one option at a time.

[ecs-list-events design="compact"]

Pagination

Show previous and next links, allowing more events to be displayed by visitors. The amount of events on each page can be controlled using the limit value.

[ecs-list-events design="compact" pagination="true" limit="3"]

Date Colors

[ecs-list-events design="compact" fgthumb="white" bgthumb="#0a0a0a" limit="3"]

Thumbnail

[ecs-list-events design="compact" thumb="true" limit="3"]

May

5

BBQ & Smoking Basics

May

6

Tapas & Paella Evening

May

8

Community Cooking Class: Knife Skills 101

Venue and Event Start Time

[ecs-list-events design="compact" limit="5" timeonly="true" venue="true"]

Mar

2

Tapas & Paella Evening

7:30 pm

Downtown Culinary Studio

May

20

Seafood Masterclass: Chowder & Mussels

6:32 pm

Mar

12

Holiday Baking Blitz

Cedar Grove Foodworks

Mar

13

Mediterranean Mezze Night

2:00 pm

Harbourview Test Kitchen

Mar

16

Learn to Make Macaroons

Lakeside Cooking School

Button

You can use the buttonfg and buttonbg options to change the button color, along with the button text:

[ecs-list-events design="compact" timeonly="true" limit="5" button="Register Now"]

You can add buttonlink=”website” if you’d like to use the Event Website link of the event instead.

Rounded Corners (Border Radius)

Change how rounded the corners are, or remove the rounded corners.

[ecs-list-events design="compact" thumb="true" border-radius="0" limit="2"]

Nov

3

Holiday Baking Blitz

Nov

4

Ramen from Scratch

Full Date and Time

The first event is an all-day event.

[ecs-list-events design="compact" contentorder="date_thumb, thumbnail, title, date, venue, time, excerpt, button" limit="5" eventdetails="true"]

Excerpt

This starts to get a little less “compact” of a design, but you can also include the excerpt of the event description. This can be used in combination with venue=”true”, button and other options.

[ecs-list-events design="compact" excerpt="true"]

Full Description

You can also include a manually typed excerpt with any HTML in it with raw_excerpt=”true” or even the full description content with:

[ecs-list-events design="compact" excerpt="true" description="true" raw_description="true"]

Filter Bar

Let your visitors select the events they want to see with the filter, on any page! See the Filter Bar page for more examples.

[ecs-list-events design="compact" filterbar="true" pagination="true" filterorder="category, venue, state, country, tag, fromdate"]