How to center NextGEN gallery thumbnails

  • I’m not sure why people are complaining it doesn’t work or is “spammy.” I set this up with no effort (fortunately, because I didn’t want to read a bunch of stuff and struggle with a plugin). This worked effortlessly after watching the intro video.

    I haven’t had any spam, either, so don’t know what that claim is about.

    One stupid thing they overlooked is centering the thumbnails. OF COURSE you want the thumbnails centered. Why would you ever want 3 columns or 2 columns of thumbnails stuck on the left side of the screen? That’s not really good “responsive” if you don’t center it!

    So, here is the code to center the thumbnails below…

    In your NextGEN Gallery Settings go to “Other Options” > “Styles” > “Enable Custom CSS” and paste the following code:

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Imagely

    (@imagely)

    Thank you so much @nate22 !! We’re so happy to hear it’s working well for you! ?? Feedback well-received on the centering, and you’re awesome to share your custom CSS! Thank you! ??

    Becky

    Thanks! Works great!

    paul_williams

    (@paul_williamsbtinternetcom)

    Thank you nate22… perfect solution!

    • This reply was modified 7 years, 5 months ago by paul_williams.

    Thanks for this !! One question…when you have less than the number of pictures in “Number of columns to display” – the CSS also centers the last line of pictures. For example- I have 5 pictures and I set “Number of columns to display” to 3. This leaves 2 pictures in the bottom row and those 2 pictures get centered. That looks a bit odd to me. Is there a way to have the ‘remaining’ non-even pictures left justified ? Hope you follow what Im asking…

    Thanks again !

    • This reply was modified 7 years, 5 months ago by James Bond.

    Many thanks Nate!

    Unfortunately this isn’t working for me after trying a few times.

    Could this be because of my site running an older version of PHP? I’m on 5.2.14

    Thanks

    Peter

    Just upgraded to PHP 7.1.8 and in still isn’t working ??

    Any ideas?

    Update…… Apologies, this does work but just not how I was imagining.

    I’ve got my page set up with 3 columns with the final row having just one image. Without the code the bottom image is on the left of the page. Using the above code that image is now centred on the page. Hence I’m now saying this works.

    However, what I was after was that each of the images is centred within it’s own cell. I’m using gallery-caption and the text is centred in the cell but the image isn’t which looks strange.

    Any help would be really gratefully received.

    Thanks

    Peter

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to center NextGEN gallery thumbnails’ is closed to new replies.