NextGen Gallery Thumbnails center

  • Resolved TitaB

    (@titab)


    9 years, 9 months ago

    I’m working on the theme Interface by Theme Horse.
    I created a thumbnail gallery of 3 x 2 thumbnails with different size images cropped into thumbnails.

    I can’t center it in any way. I have scanned through all the forums and tried every suggestion (changing the CSS floating and alignment and so on).

    It used to work for a while when I added <div align=center> in the text editor in the page management, but as soon as I added CAPTIONS to the thumbnails, it went left again.

    I’m starting to think it’s not just NextGen Gallery’s “fault”, but maybe some problem in the wordpress page editor.

    I hope someone can help me!

    to see what I mean: https://cabinascahuita.altervista.org/

Viewing 2 replies - 1 through 2 (of 2 total)

  • @titab – This custom CSS works in almost all cases as is:

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

    … but that does not guarantee it will work in *all* cases. If it is not working for you then you may need to use more specificity in your custom CSS to achieve the same results.

    – Cais.

    Thread Starter TitaB

    (@titab)

    Thank you very much for your reply.
    I think I understood where the problem lies.
    It’s in the thumbnail size settings: if I use the default thumbnail size (240×160) it works and it is centered. Even if I change it to 240×240 it works.

    But if I set 160×160 it goes slightly left… I can’t explain why.

    So I fixed it changing the thumbnail size, but I’m afraid a new problem arises…
    Now the pictures display oddly on different devices… Should I open a new ticket?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘NextGen Gallery Thumbnails center’ is closed to new replies.