Adding a drop box for certain images

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!