With a few simple changes to your code, you can turn The Events Calendar’s event list widget into a grid of events with featured images. Follow this three-part tutorial to discover the magic of CSS Grid Layout. Continue Reading CSS Grid Layout for Event List Widget with Flexbox Fallback Turn your Events Calendar list widget into a grid widget
Tutorial
How to Create a Checkerboard Layout with Full-width Background for Post Type Archives with Flexbox and Genesis
A “checkerboard” layout is one where images and text appear in alternating squares. The alternation is actually the important part, as the containers aren’t always exactly square and may not all be the same size. The StudioPress child themes Author Pro and Atmosphere Pro use this design pattern quite effectively. One advantage to this layout is… Continue Reading How to Create a Checkerboard Layout with Full-width Background for Post Type Archives with Flexbox and Genesis
Horizontal Events Widget for Events Calendar Pro — Now with Flexbox!
Use flexbox to create an Events Calendar Pro widget that shows four items across on large screens, two items across on medium screens, and a single column of items on small screens. Continue Reading Horizontal Events Widget for Events Calendar Pro — Now with Flexbox!
Moving the Gcal and iCal Links in The Events Calendar
Don’t like the default placement of the Gcal and iCal links in The Events Calendar? Don’t worry, you can move them by adding two lines of code to functions.php. Continue Reading Moving the Gcal and iCal Links in The Events Calendar
Adding Non-Standard Pricing Info in The Events Calendar Using ACF
Showing more than one price in The Events Calendar / Events Calendar Pro is tricky–especially if you are not actually selling tickets. The easiest solution is to use a custom field to display all that non-standard pricing information. Continue Reading Adding Non-Standard Pricing Info in The Events Calendar Using ACF





