Max image size

Even better! SLB 2.0 has an option to automatically resize the lightbox to fit the browser so that the content is visible for all users!

Just enable the “Resize lightbox to fit in window” setting in the “UI” section and SLB will take it from there.

I saw this Option and it works great!
but it fits almost 90% of the site.
Is it possible to Change it to 50% ?

The best way to customize the lightbox layout is to have a custom theme. One of the new features of SLB 2.0 is the ability to make “child themes” that are based off other themes, allowing you to easily customize an existing theme as much or as little as you want to without affecting the original theme. This of course includes adjusting the auto-resize margins and offsets.

There will be tutorials on customizing themes via child themes once SLB 2.0 is officially released.

Hi,
This is a very impressive plugin – nice job! It’s gorgeous, and has caption and description, tasteful effects, and it worked right out of the box (pun not intended).

I do have one suggestion related to the topic of this thread. I notice that in the lightbox popup, .slb_content has a hard-coded inline style for both width and height. Although I expect this in non-responsive gallery plugins, it surprised me here, where the plugin is touted as responsive. If you have a fairly wide image, and you’re down to small device sizes, the photo may become wider than the viewport. So it’s not exactly responsive at that level, and sideways scrollbars may appear.

This could be handled various ways, if there were CSS instead of inline styles for that, one could use media query breakpoints. Or the jQuery could re-calc the width to correspond to the device width.

Keep up the good work!
Dave

@flamenco: Thanks for the feedback. You are right, inline styles added by JavaScript can pose an issue for responsive layouts if the CSS does not properly account for this.

Thankfully, SLB’s responsive themes do account for inline styles added by SLB itself and will properly display content at various resolutions.

If you are experiencing an issue with a specific device/browser, please report the issue so that it can be resolved.

Thanks!