Change color background and elements light box

Hi,

I was wondering if you could help me out with the following.
My client needs the background and the elements (arrows etc.) of the light box to be another color. The background should change from black to white and the elements should turn black. It’s the light box when you click on an image in the single product.

Could you please help me to achieve this.

Your prompt reply is appreciated.

Best regards,

Johan

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body .pswp__bg,
body .pswp__img--placeholder--blank {
	background-color: #FFF;
}

body .pswp__button:focus, 
body .pswp__button:hover {
	background-color: #F3F3F3;
	border-color: #F3F3F3;
}

body .pswp__top-bar .pswp__button:focus, 
body .pswp__top-bar .pswp__button:hover {
	background-color: #DBDBDB;
	border-color: #DBDBDB;
}

Regards

Hi,

Thx for your prompt reply.
It works like a charm!

Regards,

Johan

You are welcome!

[Author]

Posts