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
The Corn Palace
6:00 pm
Jul
7
Cupcake Decorating
The Corn Palace
1:30 pm
Jul
22
Weekend Long Adventure
Cambridge University Library
5:00 pm
Aug
2
Late Night Party
Party Haus
8:00 pm

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.

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

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"]
Oct
1
Kitten Adoption Day
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Oct
6
Dinner Party
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
Oct
7
Cupcake Decorating
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...
Oct
22
Weekend Long Adventure
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
Nov
1
Rock Concert
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...

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 mollis nunc dictumst. Elit placerat sit elit wisi, voluptas wisi amet ultricies non, in maecenas imperdiet ornare. Nisl urna quisque aptent sollicitudin, venenatis donec nulla eu cursus. Cras posuere wisi luctus ut, magna porttitor suspendisse lectus, mi id nulla quis, nec viverra justo gravida quam. Vulputate nec augue varius, quibusdam enim conubia nibh, fusce vestibulum faucibus fringilla, proin lectus varius dolor. Ante sed sem id, est justo dolor turpis, eleifend sit nonummy erat per, faucibus erat natoque in. At id arcu nullam lorem, fusce faucibus mi a, lorem id dolor velit. Consequat ac in curabitur id, mauris nulla facilisi consectetuer sem. Est sed duis suspendisse, class sit adipiscing commodo, leo eu ac ut dignissim. Erat id mauris etiam sagittis, tortor at curabitur adipiscing vestibulum. Sed ante rutrum ipsum nec, neque sed elementum et nonummy, integer nunc vivamus rutrum, justo dapibus wisi quis eget. Turpis per nunc fusce tristique, urna malesuada cum et vitae.

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

Buy The Events Calendar Shortcode Pro

Still have questions? View the detailed documentation or ask us!