BuddyDev

Search

How do I increase the size of images and video in the lightbox?

  • Participant
    Level: Initiated
    Posts: 16
    Vanessa Law on March 17, 2019 at 12:24 am #21557

    Regardless of the size I choose for the thumbnail or the size of the screen, the lightbox video/photo are only about 400px wide.

  • Keymaster
    (BuddyDev Team)
    Posts: 24250
    Brajesh Singh on March 18, 2019 at 2:56 am #21559

    Hi Vanessa,
    Thank you for using MediaPress.

    The width is hardcoded in css and that’s why it has scaled to 400px.

    I have moved away from this scaling and in the upcoming version, MediaPress uses flexbox layout in the lightbox to provide better experience.

    https://github.com/buddydev/mediapress/commit/d9245a4f7809a5459f39f49d60346683265fd721

    To apply this for now, Please replace wp-content/plugin/mediapress/assets/css/mpp-core.css with the contents from this page.

    https://raw.githubusercontent.com/buddydev/mediapress/master/assets/css/mpp-core.css

    Please let me know if that works or not?

    Regards
    Brajesh

  • Participant
    Level: Initiated
    Posts: 16
    Vanessa Law on March 19, 2019 at 7:48 pm #21609

    Thanks, I’m happy to wait for the new experience if it’s coming out soon.

  • Participant
    Level: Initiated
    Posts: 16
    Vanessa Law on March 19, 2019 at 7:56 pm #21611

    I ended up trying it, it works well, except for potrait photos, which are sized slightly larger than the screen (the bottom 10% of the photo is off screen). It depends a bit on horizontal width to get this – a larger horizontal width tends to reproduce the issue more easily.

    Landscape photos don’t have a similar problem.

  • Keymaster
    (BuddyDev Team)
    Posts: 24250
    Brajesh Singh on March 19, 2019 at 8:55 pm #21617

    Hi Vanessa,
    Thank you.

    I tested again and can see the issue with large portraits. A solution I see is setting a max height on the image, based on the current viewport. I will be implementing a solution for this by tomorrow.

    Thank you
    Brajesh

  • Participant
    Level: Initiated
    Posts: 16
    Vanessa Law on March 19, 2019 at 9:00 pm #21618

    Thanks, please share the updated code with me and I’ll fix my site. I really appreciate how quickly you respond to questions! Thank you!

  • Keymaster
    (BuddyDev Team)
    Posts: 24250
    Brajesh Singh on March 19, 2019 at 9:53 pm #21622

    Thank you. Will do.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 42
    Shannon Belletti on April 21, 2020 at 4:48 am #29023

    Was this ever addressed? My portrait images are off the lightbox screen as well…

  • Keymaster
    (BuddyDev Team)
    Posts: 24250
    Brajesh Singh on April 21, 2020 at 1:11 pm #29047

    Hi Shannon,
    I will post the css in next 24 hours. It needs some css with media query. I believe I did not add it earlier.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 42
    Shannon Belletti on April 21, 2020 at 3:28 pm #29060

    Thank you!

You must be logged in to reply to this topic.

This topic is: not resolved