niteshifte Posted January 9 Share Posted January 9 Hi there, Is there a way to reduce the spacing above the product title on product pages which include multiple images such as below? The spacing on all other product pages is fine. It is only an issue on pages where I have multiple images added to a product. Thanks! Link to comment
SQSPStarter Posted January 9 Share Posted January 9 @niteshifte. This Code will do the job for you. Add it in Design > Custom CSS @media screen and (max-width: 767px){ .ProductItem-gallery { padding-bottom: 25px !important; /* Play with the pixals here */ } } Let me know how it goes 🙂 niteshifte 1 Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
niteshifte Posted January 9 Author Share Posted January 9 hey there! Thanks for all the quick replies, you have no idea how grateful I am!! So that code controls the space between the product image and the thumbnails below which is actually great as I needed that as well. What I was looking for however in this case was to control the spacing above the title and the thumbnails. Would you code to control this by any chance? Thanks so much! Link to comment
niteshifte Posted January 9 Author Share Posted January 9 So basically I'd like the same spacing above the title as what I have on all the other single image products as you see below. It's important however that this is only changed on mobile as desktop is fine and that it only affects multiple image products. Link to comment
SQSPStarter Posted January 9 Share Posted January 9 @niteshifte can you share the URL? It will help me give you an exact code. You can share a password protected URL Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
niteshifte Posted January 9 Author Share Posted January 9 hey there. So this is a product with multiple images which the spacing needs to fixed on: https://daisy-chiton-7gh8.squarespace.com/shop/p/cork-2023-calendar This is a single product which I want to match the spacing with: https://daisy-chiton-7gh8.squarespace.com/shop/p/framed-test-j2s27 Thanks again! Link to comment
Solution SQSPStarter Posted January 9 Solution Share Posted January 9 Thanks for sharing the URL. This code will work for you. @media screen and (max-width: 767px){ .ProductItem-gallery-thumbnails { margin-bottom: 15px !important; /* play with pixals here*/ } } Let me know how it goes 🙂 Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
niteshifte Posted January 9 Author Share Posted January 9 again you've come to the rescue!!! Unreal. thanks!!! SQSPStarter 1 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