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