CBL51 Posted May 9, 2023 Share Posted May 9, 2023 Hi, Is it possible to reduce the space between the product description and additional info (https://aldersleylondon.com/sales/p/belgravia-sw1)? I have tried reducing the margin and padding for the elements but without success. Please see below: Link to comment
Solution Ziggy Posted May 9, 2023 Solution Share Posted May 9, 2023 22 minutes ago, CBL51 said: Is it possible to reduce the space between the product description and additional info Yes, it is. Add this to Custom CSS on your website: .products.collection-content-wrapper { padding-top: 0vw; } 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) 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
CBL51 Posted May 9, 2023 Author Share Posted May 9, 2023 That did the trick, thank you! Ziggy 1 Link to comment
cssquestionserryday Posted May 21 Share Posted May 21 that seems to only adjust the gap in between the Product info and the breadcrumbs, And changing to padding-bottom: 0vw; doesnt do anything. Am I missing something? Link to comment
cssquestionserryday Posted May 21 Share Posted May 21 1 minute ago, cssquestionserryday said: that seems to only adjust the gap in between the Product info and the breadcrumbs, And changing to padding-bottom: 0vw; doesnt do anything. Am I missing something? NVMD figured it out with; .ProductItem-additional {margin-top:-30px !important;} Link to comment
ellen_b Posted July 28 Share Posted July 28 Hi @Ziggy! I used your code here and it worked great for desktop. Thank you! Now I would like to reduce the space between the product description and additional info on mobile. Maybe it is actually a different selector I need? (See screenshot). https://primecutbags.squarespace.com/shop-all/p/mauve-shearling-bum-bag password: bags I'd really appreciate and ideas! Thank you! Link to comment
Lesum Posted July 29 Share Posted July 29 @ellen_b Hi! You can add this code in Website > Pages > Website Tools > Custom CSS to reduce the space between product description and additional info on mobile @media screen and (max-width: 767px) { #pdp .ProductItem .ProductItem-additional { margin-top: 0px !important; } #pdp .ProductItem .ProductItem-details { margin-bottom: 0px !important; } #pdp .ProductItem .ProductItem-details-excerpt-below-price { margin-bottom: 0 !important; } } ellen_b 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? 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