[Plugin: NextGEN Gallery] Anyway to Center Thumbnails in Columns?

So does anyone have any ideas?

Thanks,

John

It’s a little tricky since the thumbnails are just sitting in divs and each div has no relation to the div below it. I started thinking about it and thought it could probably be done with a custom template that generated a table holding the divs.

Here’s the page describing custom templates:
https://nextgen.boelinger.com/templates/

Here’s the code I came up with:

<!-- Thumbnails -->
	<table>
		<tr>
<?php foreach ($images as $image) : ?>
			<td align="center">
				<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box">
					<div class="ngg-gallery-thumbnail" >
						<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
							<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
						</a>
					</div>
				</div>
			</td>
<?php if ( ($gallery->columns > 0) && (++$i % $gallery->columns == 0) && ( $i < count($images)) ) { ?>
		</tr>
		<tr>
<?php } ?>
<?php endforeach; ?>
		</tr>
	</table>

	<!-- Pagination -->

You’ll need to modify the CSS some to get each div to sit in the center of each td.

Thanks monoD! I’ll be testing your code in a couple days.

Many thanks,

John

yeah, table is the easiest solution here :((

double post/ see below

please see here to get around a table setup

https://www.ads-software.com/support/topic/330620?replies=12#post-1289234