Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 8, 2018 at 12:38 am #1031040
    Els

    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?

    November 10, 2018 at 8:51 pm #1032093
    Mike

    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,
    Mike

    November 14, 2018 at 12:17 am #1033261
    Els

    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,
    Els

    • This reply was modified 6 years, 1 month ago by Els.
    November 14, 2018 at 4:50 am #1033315
    Mike

    Hi,
    Please include this css rule:

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

    Best regards,
    Mike

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