How to Center Thumbnails

  • shawjoej

    (@shawjoejgmailcom)


    1 month, 2 weeks ago

    I looked though the forum and didn’t find an answer. I looked on Google and only found unsatisfactory answers.

    How do I center the thumbnails in the gallery on the page.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Barsha Paudel

    (@barsha05)

    1 month, 2 weeks ago

    Hi @shawjoejgmailcom,

    Thank you for reaching out,

    To center the thumbnail, please use the following CSS code inside WordPress Dashboard > Appearance > Customize > Additional CSS:

    .ngg-gallery-thumbnail img{
        margin:8px auto;
    }

    I hope this helps! Could you please let me know if you have any questions?

    Thanks! 🙂

    Thread Starter shawjoej

    (@shawjoejgmailcom)

    1 month, 2 weeks ago

    Thanks for your note and the CSS code. It has no effect.

    I put it in the “Additional CSS” under Customize. It had no effect.

    I’m using AstraVersion: 4.8.10

    WordPress 6.7.1a

    Windows 11

    Here is an example page: https://www.opuntiads.com/opuntia-abjecta/

    • This reply was modified 1 month, 2 weeks ago by shawjoej.
    Barsha Paudel

    (@barsha05)

    1 month, 1 week ago

    Hi @shawjoejgmailcom,

    Sorry for the trouble,

    While checking from my end by adding the CSS code provided, the gallery images are centered on the page. In case this helps, please check the screenshot below:

    Before
    After

    If it’s not working on your end, please use the following CSS code inside WordPress Dashboard > Appearance > Customize > Additional CSS:

    .ngg-gallery-thumbnail img{
        margin:8px auto!important;
    }

    Moreover, please make sure to add the code at the top of the additional CSS code in case any other codes has been added already.

    Let me know the updates after adding the code and I will get back to you.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.