[Resolved] Masonry Layout – No Vertical Spacing Between Posts

[Chris]

Activated the Masonry option and for some reason there it’s not registering the vertical spacing setting between the posts. Subsequent posts overlap the bottom of the previous post in the columns.

When in preview mode when customizing it does show the vertical spacing between posts just fine.

See here:
http://www.roadbikeoc.com/

Any thoughts?

[Tom]

Hmm, I believe this is being caused by the social icons plugin, which is waiting until masonry is initiated to show up.

When they show up, they increase the height of the container, which is where the issue is coming from.

Try adding a height to the container so masonry knows it’s there even before the icons load:

.shareaholic-canvas {
      height: 75px;
}

You may have to adjust that 75px.

[Chris]

Perfect. Fixed it!

Thanks!

[Chris]

What’s the PHP code (filter) to use to apply the Masonry layout only for the home page? I saw something a while back in the Support threads but can’t find it now.

[Chris]

Think I found it. Is this it: http://generatepress.com/forums/topic/disable-masonry-for-other-content-types/#post-84372

[Tom]

Sure is – this will work for your front page:

add_filter('generate_blog_masonry','generate_blog_enable_home_masonry');
function generate_blog_enable_home_masonry()
{
        // If we're on the posts page, enable masonry
	if ( is_front_page() )
		return 'true';
	
        // Otherwise, disable it
	return 'false';
}

[Author]

Posts