transparent product image help

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

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

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; }

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 tag


RESULT

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

Best Regards,
Moeed

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.

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