Fancybox lightbox & alignment of thumbnails

@areach – My first thought is you were using the Highslide Lightbox library which is no longer bundled with NextGEN Gallery so your site would have been reverted to the default Fancybox Lightbox library.

As to the thumbnail alignment, a link to where this is happening would likely be more helpful.

Thanks!

– Cais.

Thanks for the response Cais.

No, I’ve always been using fancybox with nextgen.

Here’s link to one of my gallery thumbnail pages: https://www.andrewreach.com/?page_id=1978

Really appreciate your help on this.
Andrew

@areach – We have not made any changes to the Fancybox library that is bundled with NextGEN Gallery … perhaps you were using a third-party Lightbox library?

– Cais.

Don’t think I’m using third-party. The only plug-in I have related to lightbox is “Add LightBox & Title” by ppalli. I deactivated it but no change.

@areach – I’m not sure what would be causing the issues you are seeing as we did not change anything in that particular bundled library.

– Cais.

Thanks Cais

@areach – If there are any other details you can offer we may be able to work from those … you are also welcome to submit a Bug Report at https://nextgen-gallery.com/report-bug/ as well.

Thanks!

– Cais.

Can’t think of any other details. Is there somewhere in the CSS code that specifies spacing of thumbnails where it can be tweaked. Would it be possible for me to give you access to my wordpress dashboard?

@areach – Your thumbnails images do not appear to the same size as each other … making them all exactly the same size would likely go much further than most custom CSS approaches.

– Cais.

under other options, thumbnail options I have the following settings:

Default Thumbnail Dimensions: 150 x 150

Set Fixed Dimensions: Yes

@areach – Those dimensions are used as maximums, they are not used as specific dimensions.

– Cais.

All my thumbs are 150 x 150. I checked the gallery thumb folders and copied to my computer and checked them. All are 150 x 150.

I’ve copied a portion of my theme; Cold Theme: Stylesheet (style.css) below. Could there be something here that is causing the problem? Thanks again for your help on this. I’m disabled and rebuilding all my galleries would be too much for me.

}
/* —————————————- */
/* Gallery and Captions */

.pp_description{display:inline-block !important; font-weight:normal !important;}
html > body .ngg-album {
border: medium none !important;
display: inline-block !important;
}
.ngg-description {
display: none !important;
}
#navigation {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
}

.sf-menu li {
font: 15px/18px “Arial”;
text-transform: uppercase;
}

.alignnone {
margin: 0;
}

div.pp_default .pp_description {
margin: 5px 50px 5px 20px;
}
.ngg-gallery-thumbnail-box {
margin-right: 20px;
}
.ngg-gallery-thumbnail-box:nth-child(5n+1) {
margin-right: 0;
}

html > body .ngg-album {
padding: 25px !important;
}

@areach – What happens if you remove all of the custom CSS you are trying to apply to NextGEN Gallery related items?

– Cais.

Hi Cais. Removed the nextgen related items from the css and the thumbnails align now. Thank you. I have one more question for you.

Here’s a link to one of my galleries: https://www.andrewreach.com/?page_id=306

You’ll notice that the thumbnails are close to the left side and not centered on the white space. Is there a simple line of code I can write in the css style sheet that will center the thumbnails on the white area?

Thanks again for all your help.

@areach – You could try something along these lines:

/** Center Basic Thumbnails */
.ngg-galleryoverview {
    text-align: center !important;
}
.ngg-gallery-thumbnail-box {
    float: none !important;
    display: inline-block !important;
}

Thanks!

– Cais.