#
closed
Magnific popup (Single image lightbox)

In custom.js i added Magnific popup (Single image lightbox) script. It's worked but have a little problem. I try to fixed it but i can't. Would please help me. Please check the attach file.

Thank you.

ATTACHED FILES

Asked 8 months ago on May 14, 2020 6:23 AM Comments 4 times


  1. Generic placeholder image

    Md. Noman Hossain replied

    OK, i understand.

  2. Generic placeholder image

    Krunal P replied

    Hi there,

    You need to make some changes in magnific-popup.css.
    Find the below rule.

    img.mfp-img {

        width: auto;

        max-width: 100%;

        height: auto;

        display: block;

        line-height: 0;

        box-sizing: border-box;

        padding: 40px 0 40px;

        margin: 0 auto;

    }

    As it is a third party css we can't do much more in it.
    Thanks.

  3. Generic placeholder image

    Md. Noman Hossain replied

    Hi,

    Actually i want to show all of my educational certificates, job certificate and achievement certificates pictures in my resume.html. That's why i have added a single image lightbox (magnific popup) java script In custom.js file. Already I've added a demo certificate in resume.html when i click on the image, the image popup on fade screen but behind the screen the border move little bit. Why the border are moving i don't figure it out. That's why i need your help.

    Thank you

  4. Generic placeholder image

    Krunal P replied

    Hi there,
    You don't mention which problem is occurring.
    Please tell me some more about your concern.
    Thanks.

Recent Tickets
[ERROR] Failed to import ... 5 months ago on August 22, 2020 7:19 AM Only One Demo Import avai... 2 days ago on January 23, 2021 5:57 PM Comments 3 days ago on January 23, 2021 2:51 AM Trouble update Theme... 6 days ago on January 20, 2021 5:29 AM youtube refuses/won't con... 1 week ago on January 15, 2021 4:37 PM Documentation,shortcode a... 1 week ago on January 15, 2021 1:45 PM 1 Click demo install to b... 1 week ago on January 14, 2021 7:20 PM Add custom flaticons to x... 1 week ago on January 13, 2021 6:19 PM KiviCare 1 week ago on January 13, 2021 8:21 AM UI Cards Design Changes... 2 weeks ago on January 11, 2021 7:39 PM