[Plugin: NextGEN Gallery] Centre images in slideshow

  • Resolved ajkphotography

    (@ajkphotography)


    12 years, 5 months ago

    I’m trying to put a slideshow on my home page using the Photocrati theme but the images in my NextGen slideshow are all left aligned which looks bad because my images are different dimensions with a mixture of portrait and landscapes.

    Any ideas how to to centre the images in the slideshow or shall I just change my images so they’re all the same width and fill the width of the page?

    https://www.ads-software.com/extend/plugins/nextgen-gallery/

Viewing 4 replies - 16 through 19 (of 19 total)

  • That didn’t work for me.
    https://www.paulchet.com
    Any other ideas?
    Thanks!
    Cameron

    I have the same problem. I don’t want to center the slideshow itself, but I want to center the slides within the slideshow.

    I have the width and height for slideshows set at 1024px by 768px. If an image has a smaller width than 1024px I want it to appear centered within the slideshow div.

    In jquery.cycle.all.min.js the inline styles on the slides are set at:
    position: absolute;
    top: 0;
    left: 0;

    So all I want is to overrule ‘left: 0;’. Is that possible without rewriting jquery.cycle.all.min.js?

    Everything is centered on my site now, including portrait style photos. Put this code in your theme style sheet:

    /* Gallery Fixes */
    .ngg-slideshow {
    width: 100% !important;
    }
    .ngg-slideshow * {
    margin: 0 auto !important;
    }
    .ngg-slideshow img {
    position: relative !important;
    display: block;
    }

    Tim, while this does indeed center the images and the slideshow, the transitions are no longer smooth, but do the “pop-in” that others have described.

    Still looking……

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘[Plugin: NextGEN Gallery] Centre images in slideshow’ is closed to new replies.