Modern Tribe Tutorials

Personally, I like the masonry layout in the Photo view in Events Calendar Pro, but my client wanted a grid with rows of equal height. Here’s what I did to achieve that. Continue Reading Change Photo View in Events Calendar Pro to Equal-Height Grid with Venue & Location

The latest version of Events Calendar Pro includes several shortcodes. This tutorial shows you how to make the  [tribe_events_list] shortcode display events in rows, including media queries for smaller screens. Remember, the key to adapting these tutorials for your own site is to make sure you replace the CSS container classes in the demo with the classes from your own theme’s CSS. Continue Reading Horizontal Output for Events Calendar Pro Shortcode

It turned out that my original CSS for displaying the widget output of Events Calendar Pro’s advanced list widget in a horizontal row only works correctly on a single row of events. In order to display multiple rows of events properly, I had to make some changes, the most important of which was to set the height of the div containing each event. Continue Reading Displaying Multiple Rows of Events in Events Calendar Pro Widget

Here’s how to specify the image size for your event featured images in The Events Calendar and Events Calendar Pro, both for single events and for the list widget. Continue Reading Defining Event Image Size in The Events Calendar by Modern Tribe