Gray border/background around product images- debut theme

I did try using the code from another post here - but to no avail/ I am trying to remove the gray border/background/overlay behind my product images.

Image attached below. I would like for the area around the images to be white/transparent. All the images are standard iphone vertical sizes

(some in this image are stand - ins from google) - on mobile the gray border does not show up - only on desktop. any help would be greatly appreciated!

@LittleLandsWine - please share your website url, I will let you know the code

littlelandswines.com pw: brion

thank you!

@LittleLandsWine

it is bit strange, it is changing to each color except white, checking more

@LittleLandsWine

Please add the following code at the bottom of your assets/theme.css file.

.template-collection .product-card__image-with-placeholder-wrapper{
background-color: #fff !important;
}

Hope this helps.

Thanks!

@LittleLandsWine

add this to the end of theme.css file

.product-card__image-with-placeholder-wrapper { background-color: #fff !important; }

it did help! thank you so much!

1 Like

i tried the above code and it worked - thank you for your help!~

This is not working in the homepage collection page.