rhondahymason Posted September 21, 2022 Share Posted September 21, 2022 @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
Solution Ziggy Posted September 21, 2022 Solution Share Posted September 21, 2022 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). 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 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) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
rhondahymason Posted September 22, 2022 Author Share Posted September 22, 2022 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). 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
Ziggy Posted September 23, 2022 Share Posted September 23, 2022 Looks great @rhondahymason! Thanks for marking my answer as a solution! rhondahymason 1 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) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment