Lightbox: Make a Large Image Scroll-able instead of Shrinking It

Posted in: Newspaper
Post count: 13

I have a large image in my post, inserted as a thumbnail with Lightbox Effect (Modal Image).

While the lightbox makes the image look “bigger”, it is still not big enough. Is there a way to make all my lightbox images bigger and “scroll-able”?

Post count: 22421

Hello,

The theme lighbox will show the image in it’s full size but it will be limited by the size of the screen though. If the image is bigger than the screen it will be shrunk to fit. Sorry but there is no easy solution to this as the modal is created through JS and the code is minified. https://www.screencast.com/t/ogd4r6akrGc
You can try to have a go at it if you have the necessary skills but it will take some time and effort to do and we cannot tackle time consuming tasks. Sorry

Thank you for your understanding.

Post count: 13

I don’t have the tech-savvy to tackle this myself.

Post count: 22421

Hi,

If you do not have the skills necessary, we recommend hiring a freelancer to help out as we do not have a customization department and we cannot offer any customization services. You can hire a freelancer from sites like studio.envato.com

Thank you for your understanding.

Post count: 13

From this post:
http://www.kriesi.at/support/topic/lightbox-image-full-sized-and-scrollable/
You can see that the Customer Support Team of the Enfold Theme by Kriesi provided one of their customers with a CSS Code solution.

From this post, you can see that Enfold’s Theme’s team’s solution to their customers is:
#top .hide_scrollbar, .hide_scrollbar{
overflow: auto !important;
}

I tried to use this code as is, but it acts funny and click the dark part of the lightbox to zoom causes the image to simultaneously close down.
Can you modify this code to make it compatible with Newspaper?

Post count: 22421

Hello,

Unfortunately the code provided on another theme will not work properly on our theme. Themes do not share the same features and the same code.
Please use this code:
.mfp-content img.mfp-img{
max-height:none!important;
}

Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.