Tagged: background, colour, Lightbox, opacity
Hello!
I want to change the colour/opacity of the lightbox´s background. How can i do that?
Thank you!
Hi thenetmen,
Please try the following in Quick CSS under Enfold–>General Styling:
.mfp-bg {
background-color:red !important;
}
Regards,
Rikard
hi rikard. thanks for your reply.
how can I edit the opacity now? i want it to be a solid color, not transparent.
thanks!
Hi!
Please add following code to Quick CSS as well
.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 1;
}
Best regards,
Yigit
thanks yigit.
another question regardin this. if I put a clear background, like white for example, how can i change now the color of the
-text under the picture
-number of picture
-arrows
-“X” for closing the lightbox
because they are all white
thanks in advance
Hey!
Please add following code to Quick CSS as well
.mfp-wrap * {
color: red!important;
}
Regards,
Yigit
great!
the only element still in white are the arrows…
how can I change the color of them?
thanks for your help!
Hey!
Please add following code to Quick CSS as well
.mfp-arrow:before {
color: orange!important;
}
:)
Regards,
Yigit
yeah!
thank you for your help!
may be you can help me with this pending issue?
https://kriesi.at/support/topic/portfolio-6-columns-2/#post-511158