Craft theme - Set PNG photo transparent background to white

Technical Q&A
1

Hi,

Need to change the transparent background for product cards and main product photo to white.

Thanks for the help!

https://kosmetologegoda.myshopify.com/

Pass: shauyu

2

Hi @Karolisp ,

Use below script to make background to white in base.css.

For product card

.product-card-wrapper .card {
    background: #fff;
    border-radius: 0.6rem;
}

hari1_prasad_1-1664799029407.png
hari1_prasad_1-1664799029407.png1366×768 107 KB

To enable for Product landing page

.product {
    background: #fff;
    border-radius: 0.625rem;
}

hari1_prasad_0-1664798992823.png
hari1_prasad_0-1664798992823.png1366×768 55.4 KB

3

Thanks for the answer, but it changes the color of the whole card and the whole product, so it doesn’t work.

Actually found the answer it myself, so to whomever, it will be useful.

Edit code → Base.css

.media--transparent {
background-color: #fff;