Homepage layout masonry grid

Hi Tara,

To clarify: I believe you're trying to make the columns go full-width of its container like this? -https://share.getcloudapp.com/2Nul7gw2

If this is the case, you'll have to disable the right sidebar on the page so the post list content occupies the space provided for it.

You can do that by using Layout Element's Sidebar layout tab - https://docs.generatepress.com/article/layout-element-overview/#sidebar

Create a Layout element, set the sidebar setting to "Content(no sidebars)" and set the display rule location to the page in question. (in this case, front page or home page).

Hi, yes that's exactly right, trying to make the columns go full-width. I will try following your suggestions today, thank you so much!

No problem. Let us know if you need further help.

Hi again,

I did what you said and it did fix the width problem, however they are still not aligned evenly on the homepage, not sure why.

If you scroll down the homepage you can see that they're not lined up evenly and look weird.

You can see what I mean:

https://www.japanstylelife.com/

Are you referring to the spacing between each post?

Can you disable any caching or minifying plugin you are using?

Thanks.

Hi,

I'd like the post images on the homepage to be aligned next to each other horizontally on the same line, whereas right now if you scroll down there are some images higher than others with some below them.

I disabled my cache plugin.

Thanks

And yes I'd also like to minimize the white space in between each row of images on the homepage, there's a lot of white space underneath each row of images.

Thanks so much!

Can you disable Site Ground optimizer as well?

Thanks.

Hi there,

Ok i went ahead and deactivated the siteground optimizer as well.

So it looks like the massive space between each post issue is resolved.

Can you confirm that as well?

Hi, yes! The massive space between each post is resolved, that's great thank you!

I am still wondering if there's a way to make the posts line up more side-by-side horizontally? Right now some post images are higher or lower than others when you scroll down the homepage.

Right now some post images are higher or lower than others when you scroll down the homepage.

That's what masonry does. It makes the post not lined up on purpose so there are no weird gaps between posts if some posts have shorter contents than the ones around them.

If you want to make them line up, you may have to disable masonry completely. :)

Oh OK good to know, thank you so much!

No problem. Glad to be of any help. :D