[Plugin: NextGEN Gallery] Centering thumbnails in gallery view

This is not a problem, I just thought I’d post something it took me a day or so to figure out, so hopefully others won’t fall into the same traps.

I use the NextGEN gallery for pics I’ve taken on my mobile phone (and WPG2 for my digital pics stored in Gallery). I like the gallery picture list (thumbnail) view, but don’t like the way it handles a mix of vertical (portrait) and horizontal (landscape) pics. I wanted the pics centered both horizontally and vertically.

Here’s the CSS code I used to achieve this:

.ngg-gallery-thumbnail {
	width: 164px; /* need fixed size boxes for centering to work */
	height: 162px; /* need fixed size boxes for centering to work */
    	display: table; /* == For VERT. Align == */
}

.ngg-gallery-thumbnail a {
	display: table-cell; /* == For VERT. Align == */
	vertical-align: middle; /* == For VERT. Align == */
	text-align: center; /* == For HORIZ. Align == */
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	float: none;
	display: block; /* == For VERT. Align == */
	margin: 0em auto; /* == For HORIZ. Align == */
}

I did not touch the .ngg-gallery-thumbnail-box or .ngg-galleryoverview settings. Hope this helps.