Jump to content

Unwanted gap/space under summary block

Go to solution Solved by Ziggy,

Recommended Posts

@tuanphan @bangank36

Hi guys,

Wondering if either of you can help me figure out how to remove the margin under the last row of items in the summary block on this page:

https://unravelyourphotos.squarespace.com/all-posts

Password UYP2022

I think the gap is because of the spacing between each row of item, but I don't want to have the gap underneath the last row because it makes the space above the footer too big. 

I'm just not sure how to target that last row of items to remove the margin?

Strangely enough, the gap does not appear in Safari. Only Chrome. (Not sure about other browsers.)

(Sorry for all my questions over the last 48 hours! I think this might be one of my last ones...)

Thanks,
Rhonda

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

You're right about where the padding is coming from, each item has a margin of 60px (in orange), and the page has a padding of 60px on the bottom (in green). 

image.thumb.png.4150d9f9a714009b681f5cfc77b79875.png

You could reduce the padding on this page at the bottom to close up this space like this:

#collection-6325b19ad02c7d387fa51499 .Main-content {
    padding-bottom: 0px;
}

(change 0px to whatever you want)

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

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

Link to comment
On 9/21/2022 at 5:59 PM, Ziggy said:

You're right about where the padding is coming from, each item has a margin of 60px (in orange), and the page has a padding of 60px on the bottom (in green). 

image.thumb.png.4150d9f9a714009b681f5cfc77b79875.png

You could reduce the padding on this page at the bottom to close up this space like this:

#collection-6325b19ad02c7d387fa51499 .Main-content {
    padding-bottom: 0px;
}

(change 0px to whatever you want)

That looks so much better! Thanks so much @Ziggy. Appreciate your help. 🙂

Link to comment

Looks great @rhondahymason! Thanks for marking my answer as a solution!

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

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

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.