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

1 Like

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

1 Like

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

1 Like

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

1 Like

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.

1 Like

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