AFJ Posted October 29, 2022 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.
Caroline_Smith Posted October 29, 2022 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
AFJ Posted October 29, 2022 Author Posted October 29, 2022 https://www.annafinejewellery.co.uk/shop Password “comingsoon”
Ziggy Posted October 29, 2022 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
AFJ Posted October 29, 2022 Author 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”
Ziggy Posted October 29, 2022 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
AFJ Posted October 29, 2022 Author 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?
Ziggy Posted October 29, 2022 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
AFJ Posted October 29, 2022 Author 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.
Ziggy Posted October 29, 2022 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
AFJ Posted October 29, 2022 Author 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.
AFJ Posted October 29, 2022 Author 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.
Ziggy Posted October 29, 2022 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment