I'd like to change the appearence of the lightbox. When clicking on an image, is it possible that the background of the lightbox is total black? Or instead, that the image is full-screen?
I don't like that the background is semi-transparent (see attatchment).
And if it does not work then please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Hi there,
I'd like to change the appearence of the lightbox. When clicking on an image, is it possible that the background of the lightbox is total black? Or instead, that the image is full-screen?
I don't like that the background is semi-transparent (see attatchment).
Thaks!
Hi Ramon,
Add this CSS to Custom CSS to make the overlay full color:
.nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0,0,0,1); }Best regards,
Laborator Team
Hi Art,
Thanks for your answer. I have no idea of CSS, so could you tell me in which part/paragraph of the CSS code I should add this?
Thanks a lot!
Hi Ramon,
Follow the instructions in this tutorial from the theme documentation to add custom CSS to your site.
Best regards,
Laborator Team
Hi there again,
I followed the tutorial and added the code but it's still not showing the black background on the lightbox. Do you have any alternative solution?
Here attached the screenshots.
thanks!
Hi Ramon,
Try this CSS instead:
.nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0,0,0,1) !important; }And if it does not work then please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Best regards,
Laborator Team