Masonry?

  • Resolved Jack

    (@moxie)


    6 years, 8 months ago

    It would be nice if Genesis would also offer a masonry styled grid layout ;). The only wish I have for the Genesis Grid plugin is to have the ‘fixed’ teasers to flow nicely throughout the page, instead of in one row next to each other, all the same height. It would make the page just a bit more playful.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Bill Erickson

    (@billerickson)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Masonry?’ is closed to new replies.