Hello @Jay545452,
Thank you for your inquiry. We would like to explain that the single product image and the zoom image are two different elements. Unfortunately, our theme does not have the option to set the background of the single product main and zoom image as transparent. However, you can try using the following custom CSS code:
.zoom-on .main-images a.zoom, .zoom-on .main-images img.zoomImg {
background: transparent !important;
}
Please note that this code will only work for the zoom images, not for the main images behind the zoom image. This is because the main image is over the page background, so it is adapting the page background color, which is not transparent. If you change the page background color to transparent, it will also apply to the main image.
We hope this clarifies the matter. Further changes may require extra customization.
Best Regards,
8Theme’s Team.