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

Solved
Stephen211
Explorer
50 1 12

Screenshot 2021-08-04 042623.png

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

 

getrichinpeace.com

pw : chieta

HardikDavra
Shopify Partner
2417 375 1024

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

 

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
dmwwebartisan
Shopify Partner
8355 1963 2642

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Stephen211
Explorer
50 1 12

yea, thanks. but i do not have that section theme.scss.liquid in my code file. this is all i've got under Assets.Screenshot 2021-08-04 051848.png

0 Likes
Stephen211
Explorer
50 1 12

oh wow! thank you @dmwwebartisan . It worked!

0 Likes