roc1285 Posted July 30, 2020 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 comment
tuanphan Posted July 30, 2020 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 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
roc1285 Posted July 31, 2020 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 comment
tuanphan Posted August 1, 2020 Share Posted August 1, 2020 new code <style> figure.ProductItem-gallery { box-shadow: 5px 8px 8px black; padding-bottom: 0; } </style> 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
roc1285 Posted August 1, 2020 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 comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment