I want to remove placeholder/color background from my product images

[Stephen211]

I do not like how my images are displaying and would like to have the color borders removed. please help!

getrichinpeace.com

pw : chieta

[Hardik29418]

@Stephen211 Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.product-list .thumbnail img, .slider-gallery .thumbnail img, .list-collections .thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

[Stephen211]

yea, thanks. but i do not have that section theme.scss.liquid in my code file. this is all i've got under Assets.

[dmwwebartisan · Accepted solution]

@Stephen211 

please Go to Online Store->Theme->Edit code then go to assets/styles.scss.liquid ->paste below code at the bottom of the file.

.image-element__wrap {
    background: transparent !important;
}

Thanks!

[Stephen211]

oh wow! thank you @dmwwebartisan . It worked!