How to Center Thumbnails

  • shawjoej

    (@shawjoejgmailcom)


    2 months 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)

  • 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)

    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, 3 weeks ago by shawjoej.

    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.