Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 5, 2015 at 8:53 am #468485
    bakbek

    Hi, I wanted to know if there’s an option to show the image bigger (as big as possible according to the screen size) when it’s being clicked and shown in a lightbox – http://screencast.com/t/ktSiX4CNJXpr

    Thanks.

    July 6, 2015 at 1:28 pm #468875
    Andy

    Hey DROR!

    you can control it using this code in Quick CSS:

    img.mfp-img {
width: 110%;
max-width: 110%;
}

    Adjust as needed.

    Regards,
    Andy

    July 6, 2015 at 1:32 pm #468878
    bakbek

    that works but the image is no longer aligned to the center (at 150% it goes out of the screen on the right side but there’s plenty of space on the left side). How can I align it to the center and also how can I make the close button stay outside of the image area? As it is now, the image goes over it.

    July 6, 2015 at 5:01 pm #469112
    Elliott

    Hey!

    You could try adding this to center it.

    img.mfp-img {
width: 110%;
max-width: 110%;
transform: translateX(-5%);
}

    Not sure what you mean about the close icon. It’s displaying outside of the image for me. Take a screenshot of what your seeing.

    Cheers!
    Elliott

    July 6, 2015 at 6:56 pm #469196
    bakbek

    Thanks.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to make lightbox show image full screen’ is closed to new replies.