Updated on September 18, 2020 Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. In this tutorial we are going to apply Masonry for Posts page and all archives in Genesis. While the tutorial […]
Search Results for: Genesis Masonry
Pinterest-style Related Posts in Genesis using Masonry
In this article I show how Nick Croft’s Related Posts with Thumbnails in Genesis code can be laid out in Pinterest style using Masonry jQuery script (WordPress comes in-built with Masonry). What the Related Posts code does Quoting Nick, First, it finds the tags a post is assigned to then tries to find other posts […]
Adding a Featured area above posts when using Masonry in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Using Masonry in Genesis for a Pinterest like layout
Update: Do not follow the tutorial below. Follow https://sridharkatakam.com/masonry-genesis/ instead. Did you know that jQuery Masonry script comes in-built with WordPress? We just need to enqueue to use it. In this article I explain the steps to implement jQuery Masonry script to display Posts in Posts page and archives similar to Pinterest. Live Demo Note: […]
Filterable Portfolio in Genesis using Isotope
Theme version of this tutorial can be purchased from here. This tutorial provides the steps to set up a filterable portfolio in Genesis using Isotope. All the posts of the portfolio custom post type (CPT) will be set to appear on the CPT’s archive in a Masonry grid with a portfolio category filters row. Clicking […]
Filterable Portfolio using Isotope in Genesis
A customized Genesis Sample (v 2.6.0) with posts on the Portfolio CPT archive appearing in a Masonry grid filterable by Portfolio Categories.
Masonry Blog Page
Hi! I love the 3 column masonry blog from Slush Pro https://demo.zigzagpress.com/slush/masonry-blog/ Will this tutorial of yours do the trick, or am I looking for something else to achieve this? (wanting it on blog page and then just masonry on category pages) Filterable Categories Grid in Genesis THANKS!
Masonry in Dynamik
This tutorial provides the steps to display posts on Posts page and archives in a masonry layout in Dynamik. Posts will appear in a 4-column grid on desktops, 3 columns at 1024px and below, 2 columns at 768px and below, 1 column at 500px and below. Step 1 If you would like to use a […]
Blog posts in Masonry layout on Altitude Pro front page
In the comments section of Masonry in Genesis using Salvattore, a user asked: How can we set this script to show on one of altitude pro’s home page widgets? In this tutorial we are going to replace the code for displaying Altitude Pro’s Front Page 4 widget area with a custom Genesis loop with the […]
added a masonry home-stamp area, need to deque for mobile
Using your examples and some from another developer, I added a home-stamp (sidebar) to a masonry home page in genesis. I need for it not to show up on any mobile device calls. I’m at my wits end on this one, nothing I have tried satisfactorily takes it out of mobile. The client loves the […]
Recent Comments