The product background is grey. How do I change this to be transparent?

This didn't work... I tried what you suggested, and then I tried to make it a color that stood out so I could see if there was anything else going on during the loading of the image.

I changed it to red and what I saw when I was inside a product and clicked refresh on the browser was the red for a split second while the image loaded..... but the grey area remained..... so that tells me that there is something else that needs to be done to get rid of this large grey border around the image.

Thoughts?

Got it fixed... Found the following code on line 260 of the Custom CSS and changed #eee to #ffffff ( white background)

/* Shop - Catalog Image Width */
.woocommerce .product .product-images  {
    background: #ffffff;