Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #306280

    I would like to remove circle border in lightbox close button. How to do it in css ?

    Thank You

    #306288

    Hi chytry!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    div.avia-popup .mfp-close:hover { border: none!important; }

    Cheers!
    Yigit

    #306346

    Thank You for answer! That helped.

    Also i have question about light box background. When i set it to white like this:

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

    it is working almost ok except of moment of opening lightbox, for tiny moment background has darker color and then it is changing white. Maybe it is background of preloader? please help

    Thanks

    #306371

    Hi!

    Can you post the link to your website please?

    Regards,
    Yigit

    #306715
    This reply has been marked as private.
    #306966

    Hey!

    Please add following code to Quick CSS as well

    .mfp-bg { background: white !important; }

    Regards,
    Yigit

    #307012

    Awesome. thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to remove circle border in lightbox close button’ is closed to new replies.