The NextGen Gallery WordPress Plugin is a pretty amazing tool but it suffers a pretty ugly thumbnail alignment issue when used straight out of the box. That said, it’s an easy fix and only requires a few clicks, no code.
Here’s a ‘before and after’ shot:
Before you can see that the gallery really looks messy. This is a real screenshot taken from a client’s website prior to this modification being implemented.
This misalignment is often a problem with css styling on ‘stacked’ images which have different sizes.
Here the images are dropped into 3 invisible columns, great for aligning multiple images. There is still some background that shows through but this is unavoidable given the image dimensions.
To do this simple modification, first, go to the WordPress admin back end
Gallery tab (on top)
Select the number of columns based on your template post width. I’d start with 3 for post widths around 590px and vary this to suit.
Hit the ‘Save changes’ button and you’re done!