NextGen Centering Gallery

  • Resolved ooowebdesign

    (@ooowebdesign)


    6 years, 8 months ago

    The page I’m on is https://elizabethtorres.art/paintings/ and the gallery is 65 pixels to the left. I’ve tried just readjusting that but of course that doesn’t work correctly with smaller screen sizes. I’ve tried all the custom code you’ve recommended in other posts, commented on one but thought it may not be seen so made my own topic.

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

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

    (@imagely)

    Hi @ooowebdesign!

    Let’s give this Custom CSS a try:

    .ngg-galleryoverview {
    text-align: center !important;
    }

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

    You may add that code to Gallery > Other Options > Styles, open up the stylesheet and copy and paste. Don’t forget to save! ?? Keep me posted on your results.

    Becky

    Thread Starter ooowebdesign

    (@ooowebdesign)

    Thanks for replying! Unfortunately this did not work. I attempted to do it both in the NextGen CSS custom styles tab and on a custom CSS sheet attached to the site, neither worked. I can adjust it to have an extra 65 pixels on the left margin which centers it on PC but will not work on different screensizes, using that as a temporary fix until we can resolve a more permanent solution.

    Plugin Contributor Imagely

    (@imagely)

    Sorry, could you please try to use these CSS rule to see if that would help:

    .ngg-widget img {
    float: none !important;
    }

    .ngg-widget,
    .ngg-widget-slideshow {
    text-align: center !important;
    }

    It should work for any display size, so please don’t forget to remove any custom margins or paddings that you have added before.

    Hope it helps,
    Mihai

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