It’s definitely possible to add a masonry layout to Genesis, but it’s outside the scope of this plugin.
Here’s the code I used to add masonry + infinite scroll to a Genesis site a few years ago: https://www.billerickson.net/code/using-masonry-genesis/
Masonry doesn’t work with the Genesis Column Classes (and therefore the Genesis Grid plugin) due to the margins. You’ll want to add your own CSS to make it multi-column, like .entry { width: 50% } for two columns.
For ensuring all the posts in the Genesis Grid loop have the same height, you could either manually set a min-height in the CSS (ex: .entry { min-height: 500px } ) or use matchHeight JS to do it ( $('.entry').matchHeight(); )
Thread Starter
Jack
(@moxie)
Ah yes, I remember those collections of javascript files, functions and other things that gave me a headache after a few hours and I always came back to your grid plugin ;). I tried this many times, somehow always making a mistake somewhere. Never got it to work. Once in a while I look for a possible new plugin that does the work for me :).
But thanks anyway for the suggestion. I will keep using the Genesis Grid plugin for now.
