teeriddle

LOL

I am glad it worked out for you, Sascha!

sascharoesner, did you also remove the float; left; in the .ngg-gallery-thumbnail code?

The .ngg-gallery-thumbnail code is what controls the image.

The .ngg-gallery-thumbnail-box code is what controls the box around the image.

Removing the float from my images corrected the squishing in IE8.

Hi everyone,

I think I’ve found a solution for the gallery image squashing in IE 8. At least this worked for me in my case.

You’ll need to go to your nggallery.css file. You can access it either via FTP or by going to Gallery > Style within your WordPress dashboard.

I recommend doing this via FTP for making changes.

Once you have opened the nggallery.css file, scroll down until you find this code (under the “Gallery style” section of the file):

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

and comment out (or remove) the float: left;, so it looks like this:

.ngg-gallery-thumbnail {
	/*float: left;*/
	margin-right: 5px;
	text-align: center;
}

Commenting the float out does the same as removing it.

Next, you will need to add a height and width for the thumbnail-box. The height and width dimension will depend on your specific image settings for your gallery.

For me, my gallery thumbnail boxes are 119px in height and 120px in width, so that’s what I’ll add to the CSS.

In the nggallery.css file, find this code (it should be right above the one you just edited):

.ngg-gallery-thumbnail-box {
	float: left;
        margin: 0px 5px 30px 15px;
        border: 3px solid #267026;
}

Your specific code may be different than mine because I customized some colors. The main thing you want to find is the .ngg-gallery-thumbnail-box callout.

Then simply add the height and width dimension for your gallery thumbnail boxes, similar to this:

.ngg-gallery-thumbnail-box {
	float: left;
	height: 119px;
	width: 120px;
        margin: 0px 5px 30px 15px;
        border: 3px solid #267026;
}

That should fix the IE8 display problems.

Also, remember – you should save this edited file to your hard drive, or where ever you keep files for later, because the next time NextGen Gallery is upgraded it will write over the file, and your changes will be lost.

You will then need to copy over the new upgraded file with the one you edited and saved.

I hope this fix helps!

That worked on my test site! I haven’t tried it on the live site yet.

I did need to add the second > at the end of the code ??

<a href="<?php echo $image->ngg_custom_fields["customlink"]; ?>" title="<?php echo $image->description ?>" <?php echo $image->ngg_custom_fields["customlink"]; ?> >

But that appears to have fixed the issue.

Thanks so much for all your time and work on getting this resolved.

Happy Holidays!

I replaced the code that you mentioned above and received this:

Array
(
    [customlink] => https://www.amazon.com
)
Array
(
    [customlink] => https://click.linksynergy.com/fs-bin/click?id=5CWAlVpbUHA&subid=&offerid=193067.1&type=10&tmpid=5728&RD_PARM1=http%3A%2F%2Fwww.petmountain.com%2Fproduct%2Freptile-food-bowls%2F11442-107634%2Fexo-terra-exo-terra-feeding-dish.html
)
Array
(
    [customlink] => https://click.linksynergy.com/fs-bin/click?id=5CWAlVpbUHA&subid=&offerid=193067.1&type=10&tmpid=5728&RD_PARM1=http%3A%2F%2Fwww.petmountain.com%2Fproduct%2Freptile-food-bowls%2F11442-502719%2Fexo-terra-worm-dish-mealworm-feeder.html
)
Array
(
    [customlink] => https://click.linksynergy.com/fs-bin/click?id=5CWAlVpbUHA&subid=&offerid=193067.1&type=10&tmpid=5728&RD_PARM1=http%3A%2F%2Fwww.petmountain.com%2Fproduct%2Freptile-food-bowls%2F11442-107633%2Fexo-terra-exo-terra-water-dish.html
)

That is a gallery of four images and it returned the links to each image in the gallery. It looks like it is outputting fine, yes? But the images still go to the post that contains the gallery.

For grins, I inserted a gallery at this page:
Gallery Test

Scroll towards the bottom of the post, just above the “You may also like-” heading. You will see four images in a gallery. Click those images and you’ll see what I’m talking about.

Thanks for your time.

Here’s the gallery.php

<?php  

/** Template Page for the gallery overview  Follow variables are useable :  	$gallery     : Contain all about the gallery 	$images      : Contain all images, path, title 	$pagination  : Contain the pagination content   You can check the content when you insert the tag <?php var_dump($variable) ?>  If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?> **/ ?> 

<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>  

<div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>">  <?php if ($gallery->show_slideshow) { ?>

<!-- Slideshow link -->
<div class="slideshowlink">
<a class="slideshowlink" href="<?php echo $gallery->slideshow_link ?>"> 			<?php echo $gallery->slideshow_link_text ?>
</a> 	</div>
<?php } ?>
<?php if ($gallery->show_piclens) { ?> 

<!-- Piclense link --> 	

<div class="piclenselink">
 		<a class="piclenselink" href="<?php echo $gallery->piclens_link ?>">
			<?php _e('[View with PicLens]','nggallery'); ?> 		</a> 	</div> <?php } ?> 	 	

<!-- Thumbnails -->
<?php foreach ( $images as $image ) : ?>
<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> >
<div class="ngg-gallery-thumbnail" >
<a href="<?php echo $image->ngg_custom_fields["customlink"]; ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
				<?php if ( !$image->hidden ) { ?>
<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> /> 				<?php } ?>
</a>
</div>
</div>
<?php if ( $image->hidden ) continue; ?> 	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
<br style="clear: both" />
<?php } ?>
<?php endforeach; ?>
  	 	<!-- Pagination -->
<?php echo $pagination ?>
</div>
<?php endif; ?>

Hi shauno, thanks for your reply.

Yeah it’s strange. Using FireBug if I inspect the images in the gallery the image link appears as

a href title="title I set in gallery"

It’s just like that – no link address.

I double checked the spelling of the field names in the Custom Fields admin area and in the gallery.php code and both are identical.

The only thing I can think of is it is related to the theme. The site that galleries are functioning properly is a different theme that the one where gallery links are bonked.

You rock, Shauno! Works perfectly now. Thanks so much for updating the plugin.

I’m having a similar issue as well. The custom field appears in the Galleries listings, but not beside each image within a gallery.

I ran the upgrade script, and received the “database upgraded” message, but still no custom field text box beside the images like previously.

I don’t know when this changed exactly but I’m thinking it’s been since a recent upgrade to the NextGen Gallery plugin update. Just a hunch, I don’t know for sure, because I just noticed the custom fields missing a few days ago.

I hope there is some kind of work around for this.

I’m having the same issue. NextGen Gallery and NextGen Gallery Custom Fields worked until here recently for me as far as adding an internal or external link to the images within a gallery.

Now the Custom Link section does not appear beside each image in the gallery. A custom link area does appear beside the gallery in the “Galleries” page, but beside the images themselves like before.

The previously created galleries work just fine, but I can’t edit the custom links, nor create any new ones.

I did recently upgrade to the latest version of NextGen Gallery. I made sure the code in view/gallery.php was correct and it is. I also ran the Custom Fields upgrade script as advised on the plugin’s page.

Anyone have any suggestion as to why the custom fields input box had suddenly vanished?

Thanks!