Split events into columns so they’re easy to read and visually appealing. Looks great when events have photos (featured images) but works either way. Similar to the Table design except the rows flow into each other in a pinterest-style layout.
[ecs-list-events design="columns"]
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
March 22 @ 5:00 pm - March 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
March 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
April 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
April 6 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
April 7 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...
Number of Columns
You can easily specify the number of columns you’d like, from 1-6, with the columns option.
[ecs-list-events design="columns" columns="2"]
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
March 22 @ 5:00 pm - March 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
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="columns" pagination="true" limit="3"]
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
March 22 @ 5:00 pm - March 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
March 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
You can specify a button and the text that should be in that button with:
[ecs-list-events design="columns" limit="3" button="View Details"]
If you to use the event website URL instead of the regular link for each button, just add buttonlink=”website” :
[ecs-list-events design="columns" button="View Details" buttonlink="website"]
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
March 22 @ 5:00 pm - March 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
March 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Button Colors
You can change the colors of the buttons with buttonfg (text color) and buttonbg (background) using any hex color values or standard web color names
[ecs-list-events design="columns" limit="3" buttonbg="#f77530" buttonfg="white" button="View Details"]
July 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
July 6 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
July 7 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...
Venue
[ecs-list-events design="columns" venue="true" limit="3"]
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
March 22 @ 5:00 pm - March 23 @ 6:00 pm
Cambridge University Library
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
March 25 @ 3:30 pm - 5:00 pm
Krispy Kreme
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Rounded Corners (Border Radius)
Change how rounded the corners are, or remove the rounded corners.
[ecs-list-events design="columns" thumb="true" border-radius="0" limit="3"]
January 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
January 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
January 22 @ 8:00 pm - 11:30 pm
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...
Title Size
Enlarge or reduce the size of the title of each event with the titlesize option:
[ecs-list-events design="columns" titlesize="14px" limit="3"]
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
March 22 @ 5:00 pm - March 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
March 25 @ 3:30 pm - 5:00 pm
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="columns" filterbar="true" pagination="true" filterorder="category, venue, state, country, tag, fromdate"]
Event Category
Family Fun
Meeting
Nightlife
Party
Venues
Art Institute of Chicago
Bamboo Fresh
Cambridge University Library
Doug Fir Lounge
Krispy Kreme
Musee D’Orsay
New Brookland Tavern
Party Haus
San Diego Zoo
The Beanery
The Corn Palace
Winchester Mystery House
State/Province
AZ
CA
IL
MO
Country
France
United Kingdom
United States
Tag
casual
community
outdoor
Events From
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
March 22 @ 5:00 pm - March 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
March 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
April 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
April 6 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
April 7 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...