Shaun_mav Posted February 4, 2022 Share Posted February 4, 2022 Hello. I'm not sure how others find the 20 pixel padding on the store page acceptable, why it's not adjustable I have no idea! The copy that appears to the left or right of the main slideshow/image galley has a 20 pixel value. It should only be 6 pixels to align it with the top of the graphics. My site is not live yet, but any store page will have this problem. I've put screen grabs below. Also, there is a secondary problem in that the entire store (product page) is padded 6 pixels down from the top. I would love to correct this too.... meaning the text body would not need to be set to a padding of 6 pixels, but could be just 0, if the padding for the galley section was also zero. You can see the gap above the slideshow. Is there a way with custom CSS to fix both of these issues or at a minimum, align the text copy with the top of the graphics as a compromise? I would be so grateful for any help. SS support has not been helpful in this matter. Thank you! Link to comment
tuanphan Posted February 8, 2022 Share Posted February 8, 2022 Can you share link to page in screenshot? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Shaun_mav Posted February 9, 2022 Author Share Posted February 9, 2022 Hello Tuanphan. Site is not live yet... but should be by end of weekend. I'll post the link here as soon as it is live. Thank you so much for noticing my post and hopefully being able to help me shortly. Link to comment
Shaun_mav Posted February 13, 2022 Author Share Posted February 13, 2022 (edited) Hello Tuanphan. Just a little note to let you know the website is now live. Here is the store address to a product - https://www.worksbyshaun.com/shop/p/be-gentle-collection-large Thank you so much again! Edited February 13, 2022 by Shaun_mav Link to comment
Solution paul2009 Posted February 15, 2022 Solution Share Posted February 15, 2022 You can adjust the spacing by adding some CSS to Design > Custom CSS. The area on your screenshot labelled 6px is the padding below the Product Item Nav area, and can be adjusted with this: @media screen and (min-width: 768px) { .ProductItem-nav { padding-bottom: 6px; } } The area you labelled 14 pixels is the padding above the Product Item Details area, and can be adjusted with this: @media screen and (min-width: 768px) { .tweak-product-basic-item-content-alignment-top .ProductItem-details { padding-top: 6px; } } Did this help? Please give feedback by clicking an icon below ⬇️ Shaun_mav 1 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Shaun_mav Posted February 16, 2022 Author Share Posted February 16, 2022 (edited) Thank you so much Paul, I'll give this a go. Update... Awesome stuff Paul, all fixed, thank you! Learned a bunch. Edited February 16, 2022 by Shaun_mav tuanphan and paul2009 1 1 Link to comment
C-bear Posted April 26, 2022 Share Posted April 26, 2022 Hello I have a similar issue but the opposite way! I would love to move my text down on my site for the product page description... Website is: https://www.chloebthomas.com/shop/7e0y648eeisvd2erkarvz9k38ebdid Thank you so much! Link to comment
tuanphan Posted April 29, 2022 Share Posted April 29, 2022 On 4/26/2022 at 11:35 PM, C-bear said: Hello I have a similar issue but the opposite way! I would love to move my text down on my site for the product page description... Website is: https://www.chloebthomas.com/shop/7e0y648eeisvd2erkarvz9k38ebdid Thank you so much! Add to Design > Custom CSS /* Move product description down */ @media screen and (max-width:640px) { div#productDetails { margin-top: 100px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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