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

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

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"]
Dec
23
Farmer’s Market
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...
Jan
1
Kitten Adoption Day
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Jan
15
Board Meeting
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
Jan
22
Rock Concert
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...
Feb
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

Join us for a day of finding these furry ones new forever homes!

Happening all day, we'll be on hand to answer any questions you might have about the adoption process and helping our shelter animals.

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