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"]
Kitten Adoption Day
July 1, 2018
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Dinner Party
July 6, 2018 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
Cupcake Decorating
July 7, 2018 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...
Weekend Long Adventure
July 22, 2018 @ 5:00 pm - July 23, 2018 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...
Late Night Party
August 2, 2018 @ 8:00 pm - August 3, 2018 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...
Farmer’s Market
August 23, 2018 - August 24, 2018
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...
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"]
Kitten Adoption Day
July 1, 2018
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Dinner Party
July 6, 2018 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
Button
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"]
Kitten Adoption Day
July 1, 2018
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Dinner Party
July 6, 2018 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
Cupcake Decorating
July 7, 2018 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...
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"]
Kitten Adoption Day
July 1, 2018
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Dinner Party
July 6, 2018 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
Cupcake Decorating
July 7, 2018 @ 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"]
Kitten Adoption Day
July 1, 2018
Winchester Mystery House
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Dinner Party
July 6, 2018 @ 6:00 pm - 8:30 pm
The Corn Palace
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
Cupcake Decorating
July 7, 2018 @ 1:30 pm - 3:30 pm
The Corn Palace
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...
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"]
Kitten Adoption Day
July 1, 2018
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...
Dinner Party
July 6, 2018 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...
Cupcake Decorating
July 7, 2018 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...
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"]
Rock Concert
January 22 @ 8:00 pm - 11:30 pm
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...
Rock Concert
February 1 @ 8:00 pm - 11:30 pm
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...
Late Night Party
February 2 @ 8:00 pm - February 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...
Movie Marathon
February 14 @ 10:00 am - 8:00 pm
Dictumst nunc in turpis ad, ullamcorper enim quis donec sodales, placerat lorem volutpat penatibus, ...
Board Meeting
March 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...
Weekend Long Adventure
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...