Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1031040

    I like to change the colors of the arrows < > and close window X (with the circle) of the lightbox.
    Can anyone help me with the CSS codes?


    Hey Els,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field:

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

    If this doesn’t help please include the url to the page in question so we can take a closer look.

    Best regards,


    Thank you Mike!
    This code does not include the circle around the ´X´ for closing the window. Would ther be a possibilty to change this too?
    Kind regards,

    • This reply was modified 5 years, 7 months ago by Els.

    Please include this css rule:

    div.avia-popup .mfp-close:hover {
        border: 2px solid red !important; 

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.