Jump to content

Recommended Posts

Hello,

On the specific product page, can someone help to increase the spacing? I would like everything to be evenly spaced.

On the hover image, is it possible to replace the price with 'sold out'?

Thank you to anyone who can help!

Screenshot 2024-05-31 at 10.20.36 PM.png

Screenshot 2024-05-31 at 10.21.13 PM.png

Link to comment
  • Replies 5
  • Views 339
  • Created
  • Last Reply

Top Posters In This Topic

13 hours ago, Agneswolfe said:

This is one of the specific items that is affected

https://www.agneswolfe.com/shop/p/midi-doll-rosamund

This is the menu page with the hover issue

https://www.agneswolfe.com/shop

Thank you!

To remove sold out price on Shop page, you can use this code to Website > Website Tools > Custom CSS

.sold-out .grid-prices {
    display: none;
}

With space

I see top of Product Description, you have some blank paragraph so the gap is big, you can edit product and check again.

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
On 6/3/2024 at 8:57 PM, Agneswolfe said:

Thanks @tuanphan that totally fixed the hover issue.

I cant seem to fix the spacing issue on the product page though. We would love to spacing to be even from Add To Cart, to Sold Out, To Price, and then Product description.

https://wolverine-frog-lkx9.squarespace.com/shop/p/midi-doll-rosamund

You can use this to Custom CSS

div.ProductItem-details-excerpt p:first-child {
    margin-top: 0px !important;
}

div.ProductItem-product-price, div.ProductItem-product-price .product-price {margin-bottom: 0px !important;margin-top: 10px !important;}

.product-mark.sold-out {
    margin-bottom: 20px !important;
}

image.png.db5230d233764be5dddfdc990de8392f.png

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.