Barry Kooij’s Related Posts for WordPress is a great plugin, but the default list view takes up a lot of space. Here’s how to convert that bulky list into a compact row or grid using CSS Grid. Continue Reading CSS Grid Layout for Related Posts for WordPress Customize the display of the free plugin with a few lines of code
CSS Grid Layout
CSS Grid Layout for Events Calendar Pro Widget Shortcode How to span the entire grid when you're using auto-repeat values--without media queries
When you create a CSS Grid layout using <auto-repeat> values, the number of columns depends on the size of the browser window, but never fear: you can still make an item span the entire width of the grid. I use the Advanced List Widget for Events Calendar Pro as an example. Continue Reading CSS Grid Layout for Events Calendar Pro Widget Shortcode How to span the entire grid when you’re using auto-repeat values–without media queries
CSS Grid Layout for Event List Widget with Flexbox Fallback Turn your Events Calendar list widget into a grid widget
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
