roc1285 0 Share Posted July 30, 2020 Site URL: https://www.rogerrabbs.com/shop/yi9yfmzuz08zlxestvrcalm16t76tb Hi guys, I was hoping to see if anyone can help me add a drop box shadow for specific product images. The template I'm using is Jasper. Thanks in advance! Link to post
0 tuanphan 9,335 Share Posted July 30, 2020 Edit product > Add Code Block > Paste this code <style> figure.ProductItem-gallery { box-shadow: 5px 8px 8px black; } </style> roc1285 1 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 roc1285 0 Author Share Posted July 31, 2020 16 hours ago, tuanphan said: Edit product > Add Code Block > Paste this code <style> figure.ProductItem-gallery { box-shadow: 5px 8px 8px black; } </style> This works great on desktop, but just noticed when I view it in mobile the bottom of the image looks off, any suggestion? Link to post
0 tuanphan 9,335 Share Posted August 1, 2020 new code <style> figure.ProductItem-gallery { box-shadow: 5px 8px 8px black; padding-bottom: 0; } </style> You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 roc1285 0 Author Share Posted August 1, 2020 11 hours ago, tuanphan said: new code <style> figure.ProductItem-gallery { box-shadow: 5px 8px 8px black; padding-bottom: 0; } </style> that fixed it, thanks! Link to post
Question
roc1285 0
Site URL: https://www.rogerrabbs.com/shop/yi9yfmzuz08zlxestvrcalm16t76tb
Hi guys,
I was hoping to see if anyone can help me add a drop box shadow for specific product images. The template I'm using is Jasper.
Thanks in advance!
Link to post
Top Posters For This Question
3
2
Popular Days
Jul 30
2
Aug 1
2
Jul 31
1
Top Posters For This Question
roc1285 3 posts
tuanphan 2 posts
Popular Days
Jul 30 2020
2 posts
Aug 1 2020
2 posts
Jul 31 2020
1 post
Popular Posts
tuanphan
Edit product > Add Code Block > Paste this code <style> figure.ProductItem-gallery { box-shadow: 5px 8px 8px black; } </style>
Posted Images
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment