Captions & Templates

Addendum: I managed to center the image and the caption.

And here’s the gallery insert short code: [ngg src=”galleries” ids=”19″ display=”basic_thumbnail” override_thumbnail_settings=”1″ thumbnail_width=”180″ thumbnail_height=”180″ images_per_page=”200″ number_of_columns=”5″ show_slideshow_link=”0″ template=”/home/hemmispa/public_html/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ngglegacy/view/gallery-caption.php”]

Maybe this helps. (hope hope)

Hello @alframe,

Thank you so much for sharing this information with us.
In case someone is trying to archive a similar result, here are the steps with our Free version:

– Use our “Basic Thumbnails” display.
– Select the option “NextGen Legacy Gallery caption”.
Note: The information that will be used for that gallery display it’s the “caption” or description in your photograph.

Would you like to see other galleries templates in NextGEN Gallery?
Please, feel free to use this feature request form: https://www.imagely.com/feature-voting/

Thank you for getting back to me!

That’s exactly what I did, but the rows stay with 5 columns each when viewed on smaller screens, or resize the browser window.

I figured that if I set the columns to “0” (zero) instead of “5” they do rearrange correctly.

However, I don’t seem to be able to center the gallery when there’s 4, 3, 2 or one column.

Thanks,
Alex

Hi @alframe,

You can try to center the thumbnails for the mobile screens by adding the CSS media query from below to “Gallery -> Other Options -> Styles”:

@media(max-width: 400px) {
.ngg-gallery-thumbnail-box {
float: none !important;
}

.ngg-galleryoverview {
text-align: center;
}}

Thank you!

That works nicely below 200 pixels. But not above. Also taking the following outside the media query doesn’t help.

.ngg-galleryoverview {
text-align: center;
}

The columns change from 6 to 4 to 3 to 2 but not centered and then centered once it’s reduced to 1 column. Which in general is breaking the design as we have 4 columns on all other galleries of the page i.e. https://www.janine-cristina-hemmi.ch/bilder/

Those pages use the: Select View – “default-view.php” and the Legacy (Old) Templates – “Standard” settings. I assume this is using the v3 and above template architecture, right?

I also changed the page to not use wpbakery page builder, but that didn’t change a thing.

Why is there no caption template using the (I assume) new templates in Imagely?

I guess I am still missing something.

Thanks,
Alex

Hi @alframe,

The “Legacy (Old) Templates” weren’t updated for a while and respectively those may not behave in the same responsive manner as the main default template does but you can add the CSS rule to fix this problem:

.ngg-gallery-thumbnail-box {
display: inline-block;
float: none;
vertical-align: middle;
}

@mihaiimagely Thank you!

That plus some media queries fixed the problem.