AFJ Posted October 29, 2022 Share Posted October 29, 2022 Hi. Please could anyone help me with reducing the size of the large block of empty space in between the top text and the shop section on this page please (see image below). The password to enter the page is “comingsoon” Many thanks. Link to comment
Caroline_Smith Posted October 29, 2022 Share Posted October 29, 2022 What is your website URL? Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator Link to comment
AFJ Posted October 29, 2022 Author Share Posted October 29, 2022 https://www.annafinejewellery.co.uk/shop Password “comingsoon” Link to comment
Ziggy Posted October 29, 2022 Share Posted October 29, 2022 Add this to your Custom CSS: .products.collection-content-wrapper { padding-top: 1vw; } Hope that helps! AFJ 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
AFJ Posted October 29, 2022 Author Share Posted October 29, 2022 Brilliant thank you. That helps. Now is there a bit of code to reduce the space underneath the text box above slightly please? 34 minutes ago, Ziggy said: Add this to your Custom CSS: .products.collection-content-wrapper { padding-top: 1vw; } Hope that helps! https://www.annafinejewellery.co.uk/shop Password “comingsoon” Link to comment
Ziggy Posted October 29, 2022 Share Posted October 29, 2022 Haha, yes! Adjust the padding bottom, amended below: .products.collection-content-wrapper { padding-top: 1vw; padding-bottom: 1vw; } AFJ 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
AFJ Posted October 29, 2022 Author Share Posted October 29, 2022 5 minutes ago, Ziggy said: Haha, yes! Adjust the padding bottom, amended below: .products.collection-content-wrapper { padding-top: 1vw; padding-bottom: 1vw; } That’s just reducing the padding at the bottom of the products. Is it possible to reduce it from the bottom of the text box block thats above the products please? Link to comment
Ziggy Posted October 29, 2022 Share Posted October 29, 2022 You should be able to do that in the section settings, adjust it to align bottom rather than middle. AFJ 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
AFJ Posted October 29, 2022 Author Share Posted October 29, 2022 4 minutes ago, Ziggy said: You should be able to do that in the section settings, adjust it to align bottom rather than middle. It actually makes the gap bigger if I align it to the bottom. Link to comment
Ziggy Posted October 29, 2022 Share Posted October 29, 2022 Have you adjusted the section height as well? AFJ 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
AFJ Posted October 29, 2022 Author Share Posted October 29, 2022 8 minutes ago, Ziggy said: Have you adjusted the section height as well? I have. It’s actually ok on a computer, its just on mobile that the gap still looks a bit too big. Link to comment
AFJ Posted October 29, 2022 Author Share Posted October 29, 2022 1 minute ago, AFJ said: I have. It’s actually ok on a computer, its just on mobile that the gap still looks a bit too big. Aaah! Sorted it. I unclicked “fill screen”. Thank you for all your help. Link to comment
Ziggy Posted October 29, 2022 Share Posted October 29, 2022 Just now, AFJ said: Thank you for all your help. No problem! Happy to help, can you mark my answer as the solution, and thumbs up? Thanks! AFJ 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