transparent product image help

[JonathanTiki]

Hello, 

I need help with making my products transparent on their respective pages. They are transparent on the homepage but when I click the specific product, it gets a black background. I also dont know how to adjust the buttons being black as well, any help is appreciated! 

Here is the product page!

NIMBi Shirt – GOODBi

[TheUntechnickle]

Hey @JonathanTiki,

Please add this CSS in the base.css or theme.liquid file - it'll make the product page gallery background transparent just like you wanted:

product-info .product-media-container {
background: transparent !important;
}

Feel free to DM or email if you have any further questions, or want us to implement this for you.

Cheers!
Shubham | Untechnickle

[Dan-From-Ryviu · Accepted solution]

Hi @JonathanTiki 

You can add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings. 

.product-media-container { background: transparent !important; }

[Moeed]

Hey @JonathanTiki 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find password.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-media-container, .select__select, .quantity:before, .product-form__submit {
    background: transparent !important;
}
</style>

RESULT

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JonathanTiki]

Hello Moeed, how were you able to change the colors of the buttons to transparent? I want to change the color but don't know how to change it from balck.

[Moeed]

Just simply follow the steps and add the code which I provided you and then the buttons will change to transparent as well for you.

Best,

Moeed