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"]
Movie Marathon
Farmer’s Market
Rock Concert
Board Meeting
Kitten Adoption Day
Dinner Party
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"]
Movie Marathon
Farmer’s Market
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"]
Movie Marathon
Farmer’s Market
Rock Concert
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"]
Movie Marathon
Farmer’s Market
Rock Concert
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
Dinner Party
Cupcake Decorating
Venue
[ecs-list-events design="columns" venue="true" limit="3"]
Movie Marathon
Farmer’s Market
Rock Concert
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
Board Meeting
Rock Concert
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"]
Movie Marathon
Farmer’s Market
Rock Concert
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"]
Movie Marathon
Farmer’s Market
Rock Concert
Board Meeting
Kitten Adoption Day