Hi all.
I have a website set up with one product that will be shown on the landing page. The image is a .png file, as you can see on the Product Card, yet on both the landing page and actual product page, the .png images have a black background. I’ve spent about 4 hours looking around on the forums trying to find a solution and nothing has worked.
site is www.sawyer.store
password is: portia121
Hey @SAWYERMILLER
Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.product .product-media-container{background-color: transparent;}
Let me know if you need help.
Thank you! This actually worked, I’ve been trying to fix this exact same issue for 3 hours now.
I want the exact opposite, my transparent pngs are not getting the background color, that the cards are getting. Could someone help me out I also tried to find the above mentioned code but I could not find it.
Would greatly appreciate your help
Can you please share your store URL?
https://newkicks.eu/products/adidas-campus-00s-grey-white
Here for example I would like the product photos, as they are transparent background png’s I would like them to have a greyish background just like it happens on the catalogs
Hi @newkicks
Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.product .product__media-list .product__media img {
background-color: lightgray;
}
Result
Let me know if you need help.
Hello,
I have the same Problem. The transparent png. images have a black backround.
Site URL: https://trendalong.de
Password: geuntu
