Jump to content

Evenly space rows of summary block content

Go to solution Solved by Ziggy,

Recommended Posts

For these gallery images in a summary block on my website's homepage, I'd like it so that depending on the browser size on desktop, the images are even (or close to even) instead of having 6 images on the top row and 2 on the bottom row like in the screenshot attached. 

Is there a way to add code so that the rows are more even? 

Thanks! 

Screenshot 2023-11-01 at 6.19.02 PM.png

Link to comment

Can you share your website URL and this page?

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

Try this Custom CSS:

#block-yui_3_17_2_1_1572613212076_9548 {
  .sqs-block-summary-v2 .summary-item-list {
    max-width: 800px !important;
    margin: auto !important;
  }
}

It should constrain the width of the content and keep it at 4 columns on desktop.

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
  • Solution

Try this instead:

.sqs-block-summary-v2 .summary-item-list {
    max-width: 800px !important;
    margin: auto !important;
}

If that works, we can try adding in a different selector rather than the block ID we can try the section ID:

#our-candidates {
  .sqs-block-summary-v2 .summary-item-list {
    max-width: 800px !important;
    margin: auto !important;
  }
}

 

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
1 minute ago, walevitt said:

@Ziggy That worked - thank you so much! 

Excellent, glad that's working!

Can you mark my post as the solution and give it a like?

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.