Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #339601

    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…

    #339691

    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

    #339714

    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 :)

    #339738

    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

    #339768

    Perfect… Much appreciated!

    #339773

    You are welcome, glad to help :)

    Regards,
    Josue

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.