scholarsayze Posted January 7, 2021 Share Posted January 7, 2021 Site URL: https://bluebird-porcupine-yzdg.squarespace.com/store/p/studio-overhead-jacket Hello, is it possible to remove the space/gap between the last product and footer on my all my Product pages? Please see attached image. Page = https://bluebird-porcupine-yzdg.squarespace.com/store/p/studio-overhead-jacket Pword = bluebird Many thanks, Best, Faiz Link to comment
tuanphan Posted January 8, 2021 Share Posted January 8, 2021 Add to Home > Design > Custom CSS /* remove space under product gallery */ section.ProductItem-additional { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
scholarsayze Posted January 8, 2021 Author Share Posted January 8, 2021 Thank you so much, I tried this and it has improved but it seems there is still a small space between the two as attached. Is there anyway to completely remove that space? Many thanks! Link to comment
tuanphan Posted January 10, 2021 Share Posted January 10, 2021 On 1/8/2021 at 4:55 PM, scholarsayze said: Thank you so much, I tried this and it has improved but it seems there is still a small space between the two as attached. Is there anyway to completely remove that space? Many thanks! Use new code /* remove space under product gallery */ section.ProductItem-additional { display: none; } .ProductItem { padding-bottom: 0; } figure.ProductItem-gallery { padding-bottom: 1px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
scholarsayze Posted January 11, 2021 Author Share Posted January 11, 2021 Many thanks Tuaphan, that fixed it! However, I notice that the code also affects my elements in my Product page design. With this code, my 'Overview, Details, Care' sub menus disappear. See attached images, with / without the code. It also pushes the Product 'Studio Overhead Jacket' Title up and under my images on mobile. Is there another solution? Sorry for the hassle. Best, Faiz Link to comment
Solution tuanphan Posted January 13, 2021 Solution Share Posted January 13, 2021 Use new code @media screen and (min-width:768px) { section.ProductItem-additional { padding: 0 !important; height: 0 !important; margin: 0 !important; } section.ProductItem-additional .code-block { padding: 0 !important; } figure.ProductItem-gallery, .ProductItem { padding-bottom: 0 !important; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
scholarsayze Posted January 13, 2021 Author Share Posted January 13, 2021 NIIIIIIICE!!! PERFECT code thank you very very much that's awesome!!! Much love 💯 Link to comment
EScher Posted May 9, 2022 Share Posted May 9, 2022 Hi, I'm having a similar problem. I can't remove the space between the final image on my home page and the footer. I've tried everything above with no luck. Link to comment
tuanphan Posted May 11, 2022 Share Posted May 11, 2022 On 5/9/2022 at 9:18 PM, EScher said: Hi, I'm having a similar problem. I can't remove the space between the final image on my home page and the footer. I've tried everything above with no luck. Hi. What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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