Solved

Get rid of automatic background in transparent .png

guisemen
Excursionist
29 2 3

Can you help me get rid of the automatically-applied blue background in logo .png on this page?

 

The file has a transparent background but my theme is making it blue.

 

guisemen_0-1696307123947.png

 

https://guisemen.com/products/green-stick

-Will
Accepted Solution (1)

David_SHT
Globetrotter
605 125 123

This is an accepted solution.

Hi @guisemen ,

 

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

.section-template--16836595548393__424c9a37-cf98-40af-8c9e-5388900a6790-padding .collapsible-content__media {
 background: unset !important;
}

 

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

View solution in original post

Replies 4 (4)

ZenoPageBuilder
Shopify Partner
1052 203 217

Hello @guisemen 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.global-media-settings {
    background-color: transparent !important;
}

The result

Screenshot 2023-10-03 at 11.46.44.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
guisemen
Excursionist
29 2 3

Hey there -- I added this to base.css but no impact on the issue, strangely...

guisemen_0-1696308822818.png

 

guisemen_1-1696308836612.png

 

-Will

David_SHT
Globetrotter
605 125 123

This is an accepted solution.

Hi @guisemen ,

 

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

.section-template--16836595548393__424c9a37-cf98-40af-8c9e-5388900a6790-padding .collapsible-content__media {
 background: unset !important;
}

 

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

guisemen
Excursionist
29 2 3

Fixed!!!

-Will