Jump to content

Masonry Blog - Even Edge/Inline/Straight

Recommended Posts

Site URL: https://alpaca-chicory-j23g.squarespace.com/

Hi there, 

Hope you are well. 

I am using the Masonry Grid display for the blog section of my site. However, I would like it to be even edge (I think that's what it's called) so that the top of both rows are even, no matter the length of the blog title. I have attached a screen shots to show what I mean. The first one is what I would like it to look like, the second one shows the uneven grid. 

Is there any code to adjust this please?

Thanks,

Cari

PS. Password in hellocari

Screenshot TWO.png

Screenshot ONE.png

Link to comment

Can you try this in Custom Css

.blog-masonry .masonry-ready .entry.is-loaded {
    transform: none !important;
    display: inline-block;
    position: relative !important;
}

image.thumb.png.962851328cc7bf77224bf4b39d8cc620.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
  • 2 years later...

I tied this out on my blog. It aligns the top of the posts, but the spacing between posts disappears for the sides and the bottom. How can I adjust the gutter width between posts? Ive tried margin and padding for bottom and right, but padding trims off some of the thumbnail image and margin pushes the 4th item to the second line leaving a large blank space where a post should be in the first line.

Link to comment

Your site is expired now. Can you check it again?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.