Caption template issue – ignoring my settings

@nic0le24 It would be useful to see the page with the issue after your settings. Anyway for the moment try this in custom CSS area:

.ngg-gallery-thumbnail span {
    display: inline-block !important;
}

@nic0le24 – Templates are hold-overs from the NextGEN Legacy version by using them option you essentially negate all other options / customizations with the gallery.

As @tizz suggested with the custom CSS idea, you may need to use more Custom CSS and or a customized version of the captions template to achieve what you are looking for.

– Cais.

Thanks, I’ve added that css to the nggallery.css – but it hasn’t had any effect.

The page is looking as it should at https://www.leannepearson.com/wordpress/gallery. It’s just missing the captions. I’ve now added that css but as you can see it still isn’t showing the captions… i’ve got no template selected. When I tried to select the caption template, it went back to 4 columns with the thumbnails cropped (not what I want).

Thanks for your help so far..

@nic0le24 It would be useful to see the page with the issue displayed, i.e. when the caption template is setted or things aren’t as you expected – now I don’t see nothing wrong.
As @cais noted that template could not work properly, but maybe with some CSS it can works. Just tried it in a page of mine, at first I’ve had a misalignment of the columns, but with the CSS rule above everything turned back in place.
Also, it could not work because of other customizations that you made, margins and so on.

Sure – here’s a page where the issue is happening: https://www.leannepearson.com/wordpress/caption-test/

My nggallery.css file is as follows:

.ngg-gallery-thumbnail-box {
margin-bottom:40px;
padding-right: 40px;
text-align: center;
border: 0;

}

.ngg-gallery-thumbnail img, .ngg-thumbnail img {
background: none !important;
border: none !important;
padding: 0px;
}

.ngg-gallery-thumbnail span {
display: inline-block !important;
}

So maybe something there is messing it up? Thanks for your continued help…

@nic0le24 Try to set number of colums to “0”, and also to remove “padding-right:40px” and let me see what happens. The strange thing is the cropping more than the misalignment.

@tizz – We appreciate you pitching in here, too!

– Cais.

Ok, I’ve removed the right padding and changed columns to zero – it’s fixed the columns issue but still cropping!

Thanks so much for your help so far…

@nic0le24 Maybe it’s because you’ve setted same width/height size “thumbnail_width”:”160″,”thumbnail_height”:”160″

Have tried changing those too, but no luck!