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

Inesso
Explorer
67 1 15

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.

 

 

 Screenshot 2021-02-21 at 21.15.47.png

Replies 2 (2)

ZestardTech
Shopify Expert
5393 970 1291

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Inesso
Explorer
67 1 15

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! 

 

Screenshot 2021-02-22 at 08.50.35.pngScreenshot 2021-02-22 at 08.50.25.png