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

Rock Concert

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

Late Night Party

November 2 @ 8:00 pm - November 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

November 23 - November 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

Late Night Party

December 2 @ 8:00 pm - December 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

December 23 - December 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

Kitten Adoption Day

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

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

Rock Concert

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

Late Night Party

November 2 @ 8:00 pm - November 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

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

Rock Concert

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

Late Night Party

November 2 @ 8:00 pm - November 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

November 23 - November 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

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

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

Rock Concert

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

Late Night Party

November 2 @ 8:00 pm - November 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

November 23 - November 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

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
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Dinner Party

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

Rock Concert

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

Late Night Party

November 2 @ 8:00 pm - November 3 @ 1:00 am
Party Haus
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

November 23 - November 24
Bamboo Fresh
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

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

Kitten Adoption Day

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

Board Meeting

January 15 @ 12:00 pm - 1:30 pm
Nec justo vestibulum libero fames, luctus adipiscing non amet sed. Sagittis velit nunc magna, nibh m...

Rock Concert

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

Rock Concert

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

Late Night Party

November 2 @ 8:00 pm - November 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

November 23 - November 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

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

Rock Concert

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

Late Night Party

November 2 @ 8:00 pm - November 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

November 23 - November 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

Late Night Party

December 2 @ 8:00 pm - December 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

December 23 - December 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

Kitten Adoption Day

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