Product png images aren't displaying their transparency (Motion 10.4.0)

Solved

Product png images aren't displaying their transparency (Motion 10.4.0)

Aethyrien
Not applicable
2 0 0

I have tried numerous code snippets in theme.css and theme.liquid, nothing ever seems to actually make any difference. Any other suggestions?



An example: 

https://valkyriebeardcare.com/products/njord-harbinger-of-tides-framed-print

 

Screenshot 2024-04-19 085039.pngScreenshot 2024-04-19 085439.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 616 502

This is an accepted solution.

Hey @Aethyrien,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.image-wrap {
    background: transparent !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713542592431.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2138 616 502

This is an accepted solution.

Hey @Aethyrien,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.image-wrap {
    background: transparent !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713542592431.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!
Aethyrien
Not applicable
2 0 0

This is the first time someone suggested pasting code directly under the <head>.  Thank you SO much!!  Enjoy your well deserved coffees 😄