Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 22, 2014 at 5:43 pm #339601
    Caffeine-Design

    Just wondering if anyone knew how to go about changing the color of the arrows and close button in Magnific Popup Lightbox Plugin included with Enfold… Wanted to change them from the preset “white” to “black” (#000000) leaving the rollovers as is…

    A short-code I can plug-0in the the Quick CSS Section would be awesome if possible.

    Thanks in advance…

    October 22, 2014 at 7:22 pm #339691
    Josue

    Hello!

    Try with this code in Quick CSS:

    div.avia-popup button.mfp-arrow:before{
    color: black;
}
div.avia-popup button.mfp-arrow:hover:before{
    color: white;
}

    Regards,
    Josue

    October 22, 2014 at 8:16 pm #339714
    Caffeine-Design

    Thanks so much for the prompt response…

    That worked awesome for the Arrows, but not for the close “X” button on the top…

    Check out the screenshot: screenshot

    Thanks again for your help :)

    October 22, 2014 at 9:05 pm #339738
    Josue

    Here you go:

    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
    color: black;
}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover{
    color: white;
    border-color: white;
}

    Adjust as needed.

    Regards,
    Josue

    October 22, 2014 at 10:09 pm #339768
    Caffeine-Design

    Perfect… Much appreciated!

    October 22, 2014 at 10:12 pm #339773
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing the Color of the Arrows and Close Buttons in Magnific Popup’ is closed to new replies.