Fix Zoomed Image Background Color Dawn

Solved

Fix Zoomed Image Background Color Dawn

lucyh
Shopify Partner
5 0 0

Hey friends! I've tried all kinds of things, but can't seem to fix the color of my Zoomed in product images (and the icon colors) 

I would love the image background to be transparent, and would love to be able to adjust the icon color, and icon background color. 

lucyheinen_0-1740948609394.png


Thanks! 

Accepted Solution (1)
CodingFifty
Shopify Partner
869 127 160

This is an accepted solution.

Hi @lucyh,

 

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.product-media-modal__content.color-scheme-5.gradient img {
    background: transparent !important;
    width: 100% !important;
}

.product-media-modal__toggle {
    background-color: rgb(255 252 252) !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Replies 4 (4)

CodingFifty
Shopify Partner
869 127 160

Hi @lucyh,

 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
lucyh
Shopify Partner
5 0 0

chevonspassion.myshopify.com

...however, insert problem number two. It will NOT stop rerouting to "Shop" so I'm not even sure it you will be able to view it. So if you have any tips on that too, fantastic 🤦‍♀️

CodingFifty
Shopify Partner
869 127 160

This is an accepted solution.

Hi @lucyh,

 

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.product-media-modal__content.color-scheme-5.gradient img {
    background: transparent !important;
    width: 100% !important;
}

.product-media-modal__toggle {
    background-color: rgb(255 252 252) !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
lucyh
Shopify Partner
5 0 0

HERO!