How can I remove the grey box that appears behind Images with Transparent background on Debut theme?

Hi!

my store is: https://the-main-thing-planner.myshopify.com www.themainthingplanner.com

I have two questions!

  1. How do I remove the grey boxes behind images uploaded with transparent background on Shopify debut theme?

  2. How do I make product images Zoom (product image Zoom is enabled)

I have had a look around the code but I can’t seem to work this out - any help that you can provide would be much appreciated.

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid->paste bellow code in bottom of file

#FeaturedMedia-1613915909fc8210c5-16142753136825-wrapper #ImageZoom-1613915909fc8210c5-16142753136825 {
background-color: transparent !important;
}

Screenshot :- https://prnt.sc/103ed3y

Hi Pallavai,

Many thanks for your reply. I’ve inserted the code snippet as directed but still no joy with the images Zooming. Do you know what else could be the issue/how to fix?

Thanks!