Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 19, 2014 at 1:19 pm #306280
    chytry

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

    Thank You

    August 19, 2014 at 1:29 pm #306288
    Yigit

    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

    August 19, 2014 at 2:58 pm #306346
    chytry

    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

    August 19, 2014 at 3:36 pm #306371
    Yigit

    Hi!

    Can you post the link to your website please?

    Regards,
    Yigit

    August 20, 2014 at 10:54 am #306715
    chytry
    This reply has been marked as private.
    August 20, 2014 at 5:54 pm #306966
    Yigit

    Hey!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    August 20, 2014 at 7:21 pm #307012
    chytry

    Awesome. thanks!

  • Author
    Posts
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.