Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 23, 2014 at 9:24 pm #323917
    envapk2

    Hi

    I have made the lightbox overlay solid white with this:

    .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 1;
    }
    .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
    background-color: #ffffff;
    }

    That works fine except that the next /previous arrows, close and other info can’t be seen against the white. How can I change their colours so they are visible against the white?

    many thanks

    Peter

    September 24, 2014 at 7:07 pm #324537
    Yigit

    Hey envapk2!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, div.avia-popup button.mfp-arrow:before { color: red; }

    Regards,
    Yigit

    September 24, 2014 at 10:38 pm #324659
    envapk2

    Hi Yigit

    That’s perfect, many thanks

    Peter

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Changing lightbox arrow colors’ is closed to new replies.