amkhin Posted July 28, 2022 Posted July 28, 2022 Site URL: https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea- Sorry to bother you this way. I just started using Product Reviews and a customer recently left 2 store reviews. However, on product detail pages (please see the link below), 2 Reviews text is overlapping with Product Name. I am not an expert in CSS and have developed the website reading the Forum and wha other experts have explained in the forum. Could you please help me resolve this? https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea- I am using the following code to align the Product Title on the Right with Photo on the left. .ProductItem .ProductItem-details h1.ProductItem-details-title { padding-top: 0px; margin-top: -63px; I think if I can get the code to move the Product Review text above the Title, it will work fine. I just don't know how/where to point to move margin-top to move up. Thank you so much in advance.
Beyondspace Posted July 30, 2022 Posted July 30, 2022 On 7/29/2022 at 6:28 AM, amkhin said: Site URL: https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea- Sorry to bother you this way. I just started using Product Reviews and a customer recently left 2 store reviews. However, on product detail pages (please see the link below), 2 Reviews text is overlapping with Product Name. I am not an expert in CSS and have developed the website reading the Forum and wha other experts have explained in the forum. Could you please help me resolve this? https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea- I am using the following code to align the Product Title on the Right with Photo on the left. .ProductItem .ProductItem-details h1.ProductItem-details-title { padding-top: 0px; margin-top: -63px; I think if I can get the code to move the Product Review text above the Title, it will work fine. I just don't know how/where to point to move margin-top to move up. Thank you so much in advance. I check that there is no issue at the moment. Have you figured it out by yourself? Do you still need help? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
amkhin Posted August 7, 2022 Author Posted August 7, 2022 On 7/30/2022 at 4:16 AM, bangank36 said: I check that there is no issue at the moment. Have you figured it out by yourself? Do you still need help? It has not. I dont know for some reason I tried to adjust the Gallery (one the left) size and it worked for a few days and now back to how it was before. There is now a big white space above the Reviews. I am not sure what is wrong now.
moondesignco Posted August 10, 2022 Posted August 10, 2022 Hi there! If I want to completely remove the text that says "2 Store Reviews" (above the product title), does anyone know how to code that? total noob here. Thank you so much.
creedon Posted August 10, 2022 Posted August 10, 2022 2 hours ago, moondesignco said: If I want to completely remove the text that says "2 Store Reviews" (above the product title), does anyone know how to code that? Please post the URL for a page on your site where we can see your issue. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works. Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
plentyblue Posted October 12, 2023 Posted October 12, 2023 Would love to also know if there is a solution to this?
paul2009 Posted October 12, 2023 Posted October 12, 2023 1 minute ago, plentyblue said: Would love to also know if there is a solution to this? Can you confirm which issue you are seeking a solution for? A working link to the page on your site will also help us. If required, How to Post a Forum Question provides guidance on how to provide a link. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
plentyblue Posted October 12, 2023 Posted October 12, 2023 removing number of reviews from top of description https://plentyblue.co.uk/shop/p/the-shotley-peninsula Perhaps moved to bottom of product with the reviews or text deleted entirely just leaving actual reviews at bottom of page whatever is easier - thank you!
paul2009 Posted October 12, 2023 Posted October 12, 2023 (edited) 29 minutes ago, plentyblue said: Would love to also know [how to remove the number of reviews from top of description] You can hide the review summary text by adding this to Custom CSS: /* Hide Review Summary Text on PDP */ .ProductItem-details .reviewSummary { display: none; } Did this help? Please give feedback by clicking an icon below ⬇️ Edited October 12, 2023 by paul2009 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
plentyblue Posted October 12, 2023 Posted October 12, 2023 Thank you! Is there anyway to now move content up so it is inline with image?
paul2009 Posted October 12, 2023 Posted October 12, 2023 (edited) 3 hours ago, plentyblue said: Is there anyway to now move content up so it is inline with image? There was always 60 pixels of padding above the Product Details (with or without the review summary! 🙂). It was a design choice by the PDP designer (shown highlighted in green below). If you'd like to remove the padding, you can add some further custom CSS, something like this: @media screen and (min-width: 768px) { .tweak-product-basic-item-content-alignment-top .ProductItem-details, .tweak-product-basic-item-gallery-design-stacked .ProductItem-details { padding-top: 0; } I hope this helps. Edited October 12, 2023 by paul2009 plentyblue 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
singe Posted November 6 Posted November 6 I am also trying to remove the review summary under product name in the product description, but that bit of code did not work for me. Can you provide an update on how to remove this?
paul2009 Posted November 6 Posted November 6 (edited) 10 hours ago, singe said: I am also trying to remove the review summary Please provide a link to your page. Edited November 7 by paul2009 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
singe Posted November 7 Posted November 7 3 hours ago, paul2009 said: Please provide a link to your page. https://singestudios.com/allproducts/p/hemp-nectar-room-spray password is truelove853
paul2009 Posted November 7 Posted November 7 Thanks for the link to one of the products. I have checked the page and can see the CSS working as expected; the review summary is hidden: If the CSS were removed, you'd see this instead: Let me know if you're seeing something different 🙂. Did this help? Please give feedback by clicking an icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
singe Posted November 8 Posted November 8 On 11/7/2024 at 3:59 AM, paul2009 said: Thanks for the link to one of the products. I have checked the page and can see the CSS working as expected; the review summary is hidden: If the CSS were removed, you'd see this instead: Let me know if you're seeing something different 🙂. Did this help? Please give feedback by clicking an icon below ⬇️ It wasn't working at first but I removed and added it again and it worked! Thank you
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment