#
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 3 weeks 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
How To Edit Site... 7 hours ago on June 6, 2020 9:08 PM Refund purchase Appino th... 9 hours ago on June 6, 2020 6:50 PM Theme is broken - Cannot ... 1 day ago on June 6, 2020 3:39 AM About Xamin - Data Scienc... 3 days ago on June 3, 2020 8:56 AM script not workingq... 3 days ago on June 3, 2020 7:25 AM How do you edit this them... 4 days ago on June 2, 2020 9:01 PM I want to change the titl... 6 days ago on May 31, 2020 8:36 AM CHANGING PURCHASE TO RENT... 1 week ago on May 27, 2020 8:00 AM Just a suggestion for a s... 1 week ago on May 26, 2020 10:02 PM Problem to change css... 1 week ago on May 26, 2020 7:07 PM