holix

Add a new rule set to your styles

.pic {
    text-align: center;
}

And remove the rule ‘display: block !important;‘ from the ‘.ngg-imagebrowser img‘ declaration.

If that not centered text is albums names when… ??

1. Remove ‘text-align: left;’ from ‘.ngg-album-compact’.
2. Add a new declaration:

   .ngg-album-compactbox {
       text-align: left;
   }

The problem in styles. Try to remove rule “width: 100%;” from “.ngg-imagebrowser img” declaration.

Oh, in you case additionally you should modify album styles.

• .ngg-albumoverview:

1. Add “text-align: center;”

• .ngg-album-compact:

1. Remove “float: left;”
2. Add “display: inline-block;”

The result:

.ngg-albumoverview {
    clear: both;
    display: block !important;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.ngg-album-compact {
    display: inline-block;
    height: 180px;
    margin: 0 !important;
    padding-right: 6px !important;
    text-align: left;
    width: 120px;
}

P.S. Nice page.

Give me a link to you site, pls.

Oops! Check “display: inline;” style in “.ngg-galleryoverview” class. It should be “block“.

You have to add

.ngg-gallery-thumbnail-box {
        display: inline-block;
}

before .ngg-gallery-thumbnail definition.

possible solution

Try to fix the wp-content/plugins/nextgen-gallery/css/nggallery.css styles file.

Add ‘text-align: center;’ to .ngg-galleryoverview class.
Remove ‘float: left;’ from ‘.ngg-gallery-thumbnail-box’ class.
Add ‘display: inline-block;’ to ‘.ngg-gallery-thumbnail-box’ class.

Perhaps, because ‘float: left’ in

.ngg-thumbnail {
    float: left;
    margin-right: 12px;
}

Try to use this patch:

diff -ur ngg-1.4.1-original/admin/css/nggadmin.css ngg-1.4.1-patched/admin/css/nggadmin.css
--- ngg-1.4.1-original/admin/css/nggadmin.css	2009-11-10 11:23:32.000000000 +0300
+++ ngg-1.4.1-patched/admin/css/nggadmin.css	2009-11-09 00:03:18.000000000 +0300
@@ -151,8 +151,6 @@
 }

 .fixed .column-thumbnail img{
-	max-height:60px;
-	max-width:80px;
 }

 .fixed .column-id {
diff -ur ngg-1.4.1-original/admin/edit-thumbnail.php ngg-1.4.1-patched/admin/edit-thumbnail.php
--- ngg-1.4.1-original/admin/edit-thumbnail.php	2009-11-10 11:23:32.000000000 +0300
+++ ngg-1.4.1-patched/admin/edit-thumbnail.php	2009-11-08 23:55:11.000000000 +0300
@@ -166,7 +166,7 @@
 		jQuery('#imageToEdit').Jcrop({
 			onChange: showPreview,
 			onSelect: showPreview,
-			aspectRatio: <?php echo round($WidthHtmlPrev/$HeightHtmlPrev,1) ?>
+			aspectRatio: <?php echo round($WidthHtmlPrev/$HeightHtmlPrev,3) ?>
 		});
 	});
 -->
diff -ur ngg-1.4.1-original/admin/functions.php ngg-1.4.1-patched/admin/functions.php
--- ngg-1.4.1-original/admin/functions.php	2009-11-10 11:23:32.000000000 +0300
+++ ngg-1.4.1-patched/admin/functions.php	2009-11-08 23:53:41.000000000 +0300
@@ -264,7 +264,9 @@
 		if (!$thumb->error) {
 			if ($ngg->options['thumbfix'])  {
 				// check for portrait format
-				if ($thumb->currentDimensions['height'] > $thumb->currentDimensions['width']) {
+				$curTan = $thumb->currentDimensions['width'] / $thumb->currentDimensions['height'];
+				$thTan = $ngg->options['thumbwidth'] / $ngg->options['thumbheight'];
+				if ($curTan <= $thTan) {
 					// first resize to the wanted width
 					$thumb->resize($ngg->options['thumbwidth'], 0);
 					// get optimal y startpos

It fixes thumbnails autocropping.

Please check it.