Adding a drop box for certain images

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!

Edit product > Add Code Block > Paste this code

<style>
  figure.ProductItem-gallery {
    box-shadow: 5px 8px 8px black;
}
</style>

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?

new code

<style>
  figure.ProductItem-gallery {
    box-shadow: 5px 8px 8px black;
    padding-bottom: 0;
}
</style>

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!