Capital theme: Grey Background on transparent photo only in product page

Lekky · ‎05-02-2024

Hello everyone,

I recently bought a shopify subscription and a theme (Capital) and I am having trouble figuring out something that should be quite easy to solve in my opinion.

I have looked and looked but maybe you can help me out.

I am uploading png photos of my products with transparent backgrounds and everything works fine until I go to the product page where a dreadful grey film appears around my image instead of the transparency.

The theme's colour options do not seem to address that but I might be wrong.

Please please please help me out it just looks so bad (eeeeek)

Thank you in advance for helping out a newbie!

Dan-From-Ryviu · ‎05-02-2024

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code to remove that grey back ground

<style>
#product-media .has-img-placeholder {
    background-color: transparent;
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎05-02-2024

Hi @Lekky

Could you share your store URL to check?

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Lekky · ‎05-02-2024

I am currently building it so it is password protected

Lekky · ‎05-02-2024

I can share this print screen though - You can see that even the thumbnails look fine - but the grey on the large photo is there

Dan-From-Ryviu · ‎05-02-2024

Please share preview URL so I can check and give me solution.

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Lekky · ‎05-02-2024

https://lekkys.com/products/apple-green?variant=48029564862798

Does this work?

Dan-From-Ryviu · ‎05-02-2024

This URL needs a password to view.

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Lekky · ‎05-02-2024

I removed the password for now

Dan-From-Ryviu · ‎05-02-2024

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code to remove that grey back ground

<style>
#product-media .has-img-placeholder {
    background-color: transparent;
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Lekky · ‎05-02-2024

THANK YOU SO MUCH!!

It worked ❤️

Capital theme: Grey Background on transparent photo only in product page

Capital theme: Grey Background on transparent photo only in product page

Community Blog Articles