Mind you that this familiar effect requires the thumbnail to be slightly larger than shown. This is not always the case with JIG. Therefore, the zoomed-in state might show upscaling. If that's ok, then add this to Custom CSS:
It's really simple, just go to JIG Settings > Custom CSS and paste this code:
Change the numbers 16 and 14 to have different text sizes. The first rule is for the main line of the lightbox caption, the second rule with the smaller font-size is for the small text.
Are happy with the default font-sizes, [...]
Primarily, thumbnail size is controlled through the Target row height and Row height max deviation (+-) settings. Justified Image Grid calculates the optimal size for your thumbnail within the range you set. It respects the original aspect ratio and only crops if the range you set is not high enough to make the [...]
Sorry, but Justified Image Grid has rows, not columns. This is a redirect entry as the question can be answered in multiple ways.
Do you mean...
Yes it's possible, although there is no dedicated setting for this yet as it's just like a recipe. The components of this layout are variable and are specific to your theme and photos.
Most likely you need this for mobile devices. The guidelines are these:
Target row height in the range of 360 to 640.
Row [...]
If your theme is not responsive, then by all means: yes. Say, you have 900px wide content area to work with. You'd like 3 thumbnails at 300*200, with no spacing. Even if your photos have different aspect ratios, you can force-crop them using the Thumbnail aspect ratio setting. You'd enter 3:2 or 300:200 or [...]
Sorry, but the Pinterest waterfall layout is not available in Justified Image Grid. It's horizontal and is without columns. It might get added as part of a future update, though. Why, what's wrong with it, you might ask... let's see a comparison.
With so many grid styles and plugins, it's hard to grasp what the difference [...]
Yes you can. There is a setting called Spacing between the thumbnails which lets you set a distance in pixels, which is applied between every thumbnail. For technical reasons this cannot be % based nor changed with the screen size dynamically. However, it's possible to set a different spacing for mobile devices. Any setting [...]
No, a thumbnail cannot span over two or more rows, at least not yet. All thumbnails are contained within the boundaries of rows. Since the layout is automatic, there is no way to mark an image to behave differently than the rest. In the future this may likely change.
Yes, of course it's possible. On this site, most demos feature photos that all have different aspect ratios by design. So the grids look nicely random. However, when you create your first gallery that consists of, say, 15 landscape shots and 3 portraits, it's not going to look that random. Obviously, false advertising is off [...]