How to remove Grey Overlay From Product Thumbnail !?

Store Design
1

Hi,

I have the following problem.

There are some gray pieces in product photos. How can I solve this? This problem is only if i wants to go to products page and view products photo. See pls screenshot’s.
I would be very grateful if anyone has a solution for this.

Schermafbeelding 2022-03-28 om 15.47.28.png
Schermafbeelding 2022-03-28 om 15.47.28.png4096×2097 536 KB

Schermafbeelding 2022-03-28 om 15.48.20.png
Schermafbeelding 2022-03-28 om 15.48.20.png4096×2103 580 KB

Schermafbeelding 2022-03-28 om 15.49.15.png
Schermafbeelding 2022-03-28 om 15.49.15.png4096×2099 599 KB

Schermafbeelding 2022-03-28 om 15.50.19.png
Schermafbeelding 2022-03-28 om 15.50.19.png4096×2213 579 KB

2

Hi @Abc_Medical ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Hi,

Thanks for your message.

My store URL is:

https://abcmedicals.be/

4

https://abcmedicals.be/products/b-braun-folitex%C2%AE-earloop-plus-medische-mondmasker-type-iir-50-stuks

5

Hi @Abc_Medical ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
#main-media-container .product__media.media {
    padding-top: 330px !important;
    background-color: transparent !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
6

Dear,
You are the best. You made my day :slightly_smiling_face:

Many many thanks!!!

Best regards

1 Like