Compact Design

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"]

Venue and Event Start Time

The first event doesn’t have a start time or a venue, as it’s an all-day event with no venue set.

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

Jul
1
Kitten Adoption Day
Winchester Mystery House
Jul
6
Dinner Party
6:00 pm
The Corn Palace
Jul
7
Cupcake Decorating
1:30 pm
The Corn Palace
Jul
22
Weekend Long Adventure
5:00 pm
Cambridge University Library
Aug
2
Late Night Party
8:00 pm
Party Haus

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"]

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"]

Jul
6
Dinner Party
July 6 @ 6:00 pm - 8:30 pm
Jul
7
Cupcake Decorating
July 7 @ 1:30 pm - 3:30 pm
Jul
22
Weekend Long Adventure
July 22 @ 5:00 pm - July 23 @ 6:00 pm
Aug
2
Late Night Party
August 2 @ 8:00 pm - August 3 @ 1:00 am

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"]

May
1
Rock Concert
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...
May
2
Late Night Party
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...
May
14
Movie Marathon
Dictumst nunc in turpis ad, ullamcorper enim quis donec sodales, placerat lorem volutpat penatibus, ...
Jun
15
Board Meeting
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
Jun
25
Birthday Party
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

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"]

Jan
1
Kitten Adoption Day
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

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"]