HOW DO I MAKE BLACK BOX AROUND MY PRODUCTS TRANSPARENT??

Shopify Discussion
1

Like the title says I have a custom background on my website but for some reason i have this annoying black box around my products, my goal is to remove those black boxes around the products so that it could look like a png around the clothes instead of a black box, someone please help. theme spotlight

store url! https://veese.shop

password: Welcome123

Capture.PNG
Capture.PNG1894×931 192 KB

2

Hi, perhaps get a Canva account and get the plan that lets you use background remover to remove it then you can save it without the annoying box..hope that helps.

3

Hey @Danniiell

The black box around my products is because of the class gradient, you need to remove this class from the card-collection.liquid you can find the following code at about line no 46

Remove the class gradient from this code.

Please must do this update in the a duplicate theme.

Thanks

4

unfortunately that didnt work, the black box is still there

5 
.card-wrapper .gradient {background: none !important;}

Add this css

6

omg thank you so much it worked!!!

7

i was so excited then i checked the mobile version and its still there :(, is there any code that can make the mobile version the same thing?

store url! https://veese.shop

password: Welcome123

8

Actually you added the css within media query that allow only to work on desktop.

take the css out of media query.

This is what is currently on the website

@media screen and (min-width: 750px){
.card-wrapper .gradient {
    background: none !important;
}
}

this should be

.card-wrapper .gradient {
    background: none !important;
}
9

Thank you that worked!!!