Css to change Lightbox arrows
in Other
Hi, I put this css code in order to change the background of my lightbox:
.mfp-bg{
background:rgba(255,255,255,0.9) !important;
}
but now Lightbox navigation arrows are strange, I'd like to change their color into dark grey.
Can you help me? The site is now under construction mode
Comments
Hey,
Please try the following CSS code:
.mfp-arrow-right::after{ border-left-color: #333!important; } .mfp-arrow-left::after{ border-right-color: #333!important; }Thanks
Thank you!!
Hi, I still have issues with css Lightbox code...
1) I've tried to use this in order to have a completely white image gallery Lightbox background (no transparencies)
.mfp-bg{
background:rgba(255,255,255,1.0) !important;
}
But it doesn't work... the background has a transparency.
2) And with the code you gave me in order to change lightbox arrows, I have a strange "double arrow" effect on hover (look at the attachment).
3) Last but not least, image number on the corner of the gallery are light grey, I can't figure out how to change it!
Can you help me?
1) It has transparency because this class also has an opacity attribute, which you need to overwrite.
.mfp-bg{ opacity: 1!important; }2) Please, use this code:
.mfp-arrow-left::before, .mfp-arrow-right::before{ border:none; }3)
.mfp-counter{ color: #000; }Thanks
Thank you?