Jump to content

Consistent Blog Post Spacing Irrespective of Title/Description

Go to solution Solved by Ziggy,

Recommended Posts

Hi there, I had a question about the spacing and alignment of blog items within the blog collection.

On my website https://www.productteacher.com/articles, each of the blog items is spaced oddly (see attached image). This happens because each blog item has a different title length and description length.

While the spacing between the bottom of an item and the top of the item below is consistent (60px vertical spacing), the overall effect looks messy and disorganized.

Is there a way I can get each row of blog items to be top-aligned? I've also attached the format settings for the blog section ("Edit Section").

I tried searching through the forum and I don't believe I found a solution on this yet.

Thanks so much!

 

Screenshot 2023-04-25 at 3.36.34 PM.png

Screenshot 2023-04-25 at 3.39.13 PM.png

Screenshot 2023-04-25 at 3.39.06 PM.png

Screenshot 2023-04-25 at 3.38.58 PM.png

Link to comment
  • Solution

The reason that you have the blog thumbnails staggered is that you have the layout set to Masonry, that is what that layout is supposed to look like, if you want them to be in an even grid, then change the layout to Grid Blog.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 weeks later...
43 minutes ago, clementkao said:

I really appreciate your help!

No problem!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.