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

Store Design
, ,

Topic summary

  • Issue: On the Capital theme’s product page, transparent PNG product images show a grey overlay around the main image, while thumbnails display correctly. Theme color settings did not resolve the issue.

  • Evidence: A screenshot was provided to illustrate the grey film on the main product image. Images were central to understanding the problem.

  • Access steps: Helper requested a store/preview URL. The store was initially password-protected; the user then removed the password to allow inspection.

  • Fix provided: The helper advised adding custom code to the theme.liquid file immediately after the tag to remove the grey background on the product image. (Exact code not visible in the thread extract.)

  • Outcome: The user confirmed the change worked and the grey overlay was removed. No further issues or disagreements were raised, and the matter appears resolved.

Summarized with AI on December 30. AI used: gpt-5.
1

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!

2

Hi @Lekky

Could you share your store URL to check?

3

I am currently building it so it is password protected

4

Screenshot 2024-05-02 at 12.10.58 PM.png
Screenshot 2024-05-02 at 12.10.58 PM.png1540×1322 64.5 KB

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

5

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

6

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

Does this work?

7

This URL needs a password to view.

Screenshot 2024-05-02 at 16.18.54.png
Screenshot 2024-05-02 at 16.18.54.png1132×764 332 KB

8

I removed the password for now

9

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

THANK YOU SO MUCH!!

It worked :heart: