WP Fangirl
WordPress Consulting
-
Creating a Horizontal List Widget with Featured Images in Events Calendar Pro
35 comments on Creating a Horizontal List Widget with Featured Images in Events Calendar Pro
Events Calendar Pro provides an enhanced Event List widget that lets you choose whether to display Venue, Organizer, Address, City, State or Province, Postal Code, Country, Phone, and Price. It allows you to filter events by Event Category and/or Event Tag. But there’s one very important omission: you cannot choose to display the event’s featured image.
Series: Events Calendar Tutorials -
Change Photo View in Events Calendar Pro to Equal-Height Grid with Venue & Location
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.
Series: Events Calendar TutorialsFiled under: Using WordPress -
Horizontal Output for Events Calendar Pro Shortcode
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…
Series: Events Calendar TutorialsFiled under: Using WordPress -
Displaying Multiple Rows of Events in Events Calendar Pro Widget
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…
Series: Events Calendar TutorialsFiled under: Using WordPress -
Defining Event Image Size in The Events Calendar by Modern Tribe
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.
Series: Events Calendar TutorialsFiled under: Using WordPress