Tagged: , , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 25, 2014 at 9:30 pm #357947
    oiser

    Hello everyone, I would like to know if there is a custom css to set a different color of the scroll arrows of the lightbox and the caption text that appears below the images.

    thanks

    Best Regards

    November 26, 2014 at 5:44 am #358159
    Ismael

    Hi oiser!

    Thank you for using Enfold.

    You can try this on Quick CSS:

    .mfp-title {color: red;}
div.avia-popup button.mfp-arrow:before {color: blue;}
.mfp-counter {color: orange;}

    Best regards,
    Ismael

    November 28, 2014 at 1:39 am #359328
    oiser

    Hi Ismael, thanks a lot!

    Now everything looks perfectly, cool!

    One last thing: to change color also to the “x” to close the lightbox?

    thanks again

    regards

    November 28, 2014 at 1:56 am #359341
    Yigit

    Hey!

    Please add following code to Quick CSS as well

     .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: red; }

    Cheers!
    Yigit

    November 28, 2014 at 7:30 pm #359820
    oiser

    Hi Yigit, thank you a lot! :)

    It’s not important, but is there way to change also the color of the circumference around the x of closing?

    Regards

    November 28, 2014 at 7:33 pm #359822
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    div.avia-popup .mfp-close:hover { border-color: orange; }

    Best regards,
    Yigit

    November 28, 2014 at 8:04 pm #359843
    oiser

    thank you, very nice!

    Have a nice week end!

    November 28, 2014 at 8:06 pm #359845
    Yigit

    Hey!

    You are welcome, you too have a nice weekend!

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change color of arrows and text of the image lightbox’ is closed to new replies.