• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Genesis Masonry Template

A genesis front page template which displays your posts using a Masonry layout.

Video Demo

Shows the use of jQuery Masonry to display posts with different sized featured images on the front page archive page in the Genesis Sample child theme by StudioPress.

If your featured images are the same height, you might want to consider using CSS grid.

Simple Installation

There’s 2 simple steps :

Step 1 : From the download folder, upload the folder named masonry to your child theme folder.

Step 2 : From the download folder, upload the file named front-page.php to your child theme folder.

Clear caching and you’re good to go!

Tested using the Genesis Sample child theme by StudioPress. May require CSS modifications for use in other Genesis child themes.

Register or login to access the files for members only :

Register for full access

Masonry

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems