Why is my PNG file not transparent in Testament theme 2.0?

Solved

Why is my PNG file not transparent in Testament theme 2.0?

huks
Shopify Partner
31 0 14

Hi,

 

I updated the Testament theme from Shopify OS 1.0 to 2.0 and when I upload now my PNG files they are not anymore transparent. I tried already editing the code with background-color: transparent; opacity: 0 etc., but nothing worked out.

Is this a common problem? or does anyone have an idea how to fix it?

 

The store is not released yet.

 

Thanks,

Marius

Accepted Solution (1)
ThomasBorowski
Shopify Partner
803 71 244

This is an accepted solution.

Open the file Assets/stylesheet.css (or stylesheet.css.liquid) in the code editor and add this code at the bottom of the file:

 

.box-ratio {
  background-color: transparent;
}
.box-ratio img {
  background-color: transparent;
}

 

★ Smart Upgrades, Tips and Tutorials for Shopify themes: cartpunk.com
Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
37583 3668 12151

@huks 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
huks
Shopify Partner
31 0 14

Are you able to access this page: https://6tqwc6cx0tuam69h-43641700501.shopifypreview.com ?

 

It's the green section on the start page. You will most probably recognize it because there are white images on a green background.

 

Thank you so much

ThomasBorowski
Shopify Partner
803 71 244

This is an accepted solution.

Open the file Assets/stylesheet.css (or stylesheet.css.liquid) in the code editor and add this code at the bottom of the file:

 

.box-ratio {
  background-color: transparent;
}
.box-ratio img {
  background-color: transparent;
}

 

★ Smart Upgrades, Tips and Tutorials for Shopify themes: cartpunk.com
Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
KetanKumar
Shopify Partner
37583 3668 12151

@huks 

thanks bt i can see all good 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing