Clicking on the photo, the background is black

Hello, when I click on the product photos, the background becomes black. Can we make this black transparent?
https://ibb.co/PjTwHwv

must be

https://ibb.co/WgTgmj3

Attachments:

You must be logged in to view attached files.

.pswp__bg {
  opacity: 0.6 !important;
  background: black !important;
}

It seems like I solved it this way, but is there an error in the code?

Hello,

Thank you very much for choosing our theme and for contacting us.

The code is correct, if you want to make it absolutely transparent, you need to set zero for opacity:

body .pswp__bg {
    opacity: 0!important;
    background: black!important;
}

If you have any questions please feel free to contact us.

Best Regards

Thank you for your return. It is transparent in product images, but appears black again in videos. Is there a code in the product videos?

Hello,

Please provide the page URL with the problem.

Best Regards

Hello. I have attached the relevant product link, sir.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .pswp__bg {
    opacity: 0!important;
    background: black!important;
}

https://gyazo.com/8d23527a80851ee60e5a95023439b89d

Best Regards

Hello. What I mean is, when you play the video, the background turns black. There is no problem with the picture. I tried to explain in the attached video.

Hello,

When you click “Click to enlarge”, the photo swipe opens for the full width in the gallery for both: image and video, and it is not possible to make a different background for the image and video.

If you have any questions please feel free to contact us.

Best Regards

I am sorry for writing late. Thank you for your help.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts