Centering Slideshow

Hi,

To center a slideshow you’ll need to create a custom style. You can read how to do this in the FAQ section. To center the slideshow on the page, give the ‘.slideshow_container’ class the following CSS value:

.slideshow_container {
    margin: 0 auto; /* This centers the slideshow, if the slideshow has a maximum width. */
}

Best regards,
Stefan

Thanks so much Stefan!

Hi, Stefan

That works for centering the slideshow horizontally, but how can I vertically center the images within the slideshow?

Thank you very much

Hi,

I’m sorry, centering the images vertically in the slideshow isn’t possible yet. It’s a feature that’s planned for a future release, but a date of release has not yet been set.

Best regards,
Stefan

Ok, Stefan, thanks for the info anyway…

Best Regards,
Raúl

Hello, I added the css value above, and it overrode my other css stylings. I initially had margin-top: -50px and margin-bottom: 50px, to move the slider flush with my menu and add more space between the content below.

I used the centering css value above, because on some browsers the slideshow was floating left, I just wanted something, where no matter the browser or screen size the slideshow would be centered or if possible automatically adjust to size.

Is this possible?

Hi,

The margin in the example sets the top and bottom margin to ‘0’, as it’s what most people use as default. If you want to set a top and bottom margin with it, you should do it like this:

.slideshow_container {
    margin: -50px auto 50px;
}

More information on the margin rule can be found here.

Best regards,
Stefan

Thank you so much for your awesome plugin and support. Fixed my problem, after struggling for so long to find a slider that works, thanks a lot.