Transparent Background Images on Collections Page for Impact Theme

Shopify Discussion
1

Hi!

I’m trying to change my images to a transparent background (using a png. file) but it’s white right now. Already tried many CSS I found in the community but none of them worked,

Thank you

2

Hey, please provide store URL

3

Hi! It’s not published yet. Its a IMPACT Theme

4

You can provide a preview URL too

5

I already tested with the 15000mah battery beige, as you can see it’s already in PNG file but it shows white.

https://6zkhfd1iaghfvh0s-55915937865.shopifypreview.com

6

Seems good to me, can you provide a screenshot of the problem?

7

In the product page it looks good (transparent), but in the collection looks like this:

Screen Shot 2023-08-23 at 1.22.13 PM.png
Screen Shot 2023-08-23 at 1.22.13 PM.png1176×1130 90 KB

8

Add the following code to the bottom of your base.css file:

.bg-custom {
    background: transparent !important;
}
.product-card__info {
    background: white !important;
}

It should work, let us know :wink:

9

Hey @NatHypo , does this solution worked for you?