Justification of images

You must provide a URL to that page

Hi Tizz,

An example is here

As you’ll see the columns are all over the place.

@delta Skies – Those are some really cool kites!!!

I see you are using both vertical and horizontal thumbnails, and suspect your have Thumbnail cropping set to “no” in your customization, have you considered trying it with cropping set to “yes” as a work-around for your instance?

Otherwise, you will most likely need to sort out the correct Custom CSS to be applied for your particular instance to look the way you want it to.

– Cais.

Thanks for the response and comment on the kites. They’re great aren’t they.

Sorry to be dim, where do I find the setting for thumbnail cropping? I was expecting to see it at Gallery>Gallery Settings>NextGEN Basic Thumbnails but can’t see anything in there.

Interestingly the columns line up if I use the legacy shortcode of

Display Captions in Thumbnail Galleries
[ nggallery id=1 template=caption ]

I’m not wanting to change all the pages so this isn’t a solution I want but interesting all the same.

Delta Skies, to have all images the same size you have to crop them as Cais says, otherwise if you want to display them as they are but in a better way, you can center the gallery (from custom CSS area in Other Options):

.ngg-galleryoverview {
text-align:center;
}
.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}

and then sort them in order. E.g., the first 3 are vertical images, so you can put them in the same line, and the horizontal ones together, so in this case you’ll have three vertical and below three horizontal.

Thanks for the response but that wasn’t what I was after. Apologies if my original post was unclear. I mentioned above about using a legacy shortcode. Other than the image name displaying below each photo, this is the format/layout I’m after.

Example

OK, I got it.
To achieve what you want open the page in visual editor, delete the code you have now (just only to clean up and start better), and save.
Open ATP by Nextgen icon, and after choosing “basic thumbnail” and the gallery you want to display, select 3 Number of columns and gallery-caption.php template.
The result is this.
If you remove caption, images will fit the space in this way, so if you don’t want caption then we’ll can find another CSS solution.

@tizz – busy, busy, busy … thank you so much for picking up with this and other threads. We greatly appreciate it!

@delta Skies – @tizz really knows her stuff but if we can do anything more please feel free to ask.

Thanks!

– Cais.

@cais. Well is not pure altruism, I learn a lot doing support ??

Yes, @tizz, this is where I began my WordPress learning … and I still recommend it as a great way to both learn and contribute to the community.

~Cais.

OK, I got it.
To achieve what you want open the page in visual editor, delete the code you have now (just only to clean up and start better), and save.
Open ATP by Nextgen icon, and after choosing “basic thumbnail” and the gallery you want to display, select 3 Number of columns and gallery-caption.php template.
The result is this.
If you remove caption, images will fit the space in this way, so if you don’t want caption then we’ll can find another CSS solution.

Thanks Tizz. Apologies for the delay in responding – sometimes life gets in the way.

As these particular images don’t have a caption this solution would work although seems to give the same result as using
[ nggallery id=1 template=caption ]

However I’ve got about 170 galleries I need to make this change for so wasn’t keen to go down this route.

Delta Skies, you can use the same setting for a per/page basis just like for all your galleries at once, and it doesn’t matter if you write something for caption in description or not, it’s the same template/CSS.
So, you can set the option from the admin menu.

Gallery Settings > Basic Thumbnails > columns 3 > (last line) NextGEN: gallery-caption.php

This option is supposed just to take place of the old shortcode.

I understand now. Just made the change and hey presto it works across all my galleries. Great stuff.

Many thanks for your support on this

I’ve been reading this discussion with some interest: I have a similar problem using latest WP & latest NG and have not been able to make NG work as desired. I hope folks won’t mind too much if I attempt to tag on to the existing discussion since the issue is almost identical.

In my case I have a responsive theme layout which uses full page width with no sidebars; NG is set to use 3 columns.
Since there’s a mix of portrait, landscape and square thumbnails what I am seeking to achieve is to center the display of the images within each column and also center the captions [description field] below each thumbnail.
I’ve tried many different settings and combinations in the main gallery settings and other NG options and regardless of whether I use ATP on the page or use a shortcode [with or without the template=caption option] and also regardless of whether I use custom CSS, I simply can not get images to center but can get the captions to center, and even to wrap correctly when they exceed the column width. Images always align left.

In order to test that the issue isn’t WP theme related I have also tried resetting WP to one of the default themes [2013], with no other plugins enabled apart from NG. None of these changes make a difference to the layout.

In the custom css I have at different times tried float and other alignment settings for .ngg-galleryoverview, .ngg-gallery-thumbnail and .ngg-gallery-thumbnail-box.

I’d welcome suggestions for settings I should examine or change, or custom CSS I should enter. I’m afraid that right now I can’t offer a link to the site since it is behind a firewall and will not be published until these and various content issues are resolved.