Columns/Horizontal/Photo Design

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

Birthday Party

September 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Kitten Adoption Day

October 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Dinner Party

October 6 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...

Cupcake Decorating

October 7 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...

Weekend Long Adventure

October 22 @ 5:00 pm - October 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...

Rock Concert

November 1 @ 8:00 pm - 11:30 pm
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...

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

Birthday Party

September 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Kitten Adoption Day

October 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

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="columns" pagination="true" limit="3"]

Birthday Party

September 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Kitten Adoption Day

October 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Dinner Party

October 6 @ 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"]

Birthday Party

September 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Kitten Adoption Day

October 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Dinner Party

October 6 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...

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

Birthday Party

September 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...

Kitten Adoption Day

October 1
Winchester Mystery House
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Dinner Party

October 6 @ 6:00 pm - 8:30 pm
The Corn Palace
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...

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

Birthday Party

September 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Kitten Adoption Day

October 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Dinner Party

October 6 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...

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

Birthday Party

September 25 @ 3:30 pm - 5:00 pm
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Kitten Adoption Day

October 1
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Dinner Party

October 6 @ 6:00 pm - 8:30 pm
Ante est pede bibendum sed, mauris turpis molestie ultricies, pellentesque mauris dui purus, duis ve...

Cupcake Decorating

October 7 @ 1:30 pm - 3:30 pm
Feugiat mauris neque phasellus, aenean nibh assumenda augue, suspendisse urna consectetuer praesent ...

Weekend Long Adventure

October 22 @ 5:00 pm - October 23 @ 6:00 pm
Rutrum vestibulum ligula cras, ipsum ac eu lectus neque. Aenean erat sodales morbi, non ac velit sit...

Rock Concert

November 1 @ 8:00 pm - 11:30 pm
Suspendisse magna aliquet integer molestie, nunc justo dolor nec tellus, lobortis sit nisl dignissim...

Buy The Events Calendar Shortcode Pro

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