WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Centering Slideshow

[Resolved] Centering Slideshow

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Stefan Boonstra
    Member

    @stefanboonstra

    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

    richelle@richellehunter.com
    Member

    @richellerichellehuntercom

    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

    Plugin Author Stefan Boonstra
    Member

    @stefanboonstra

    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

    leoly
    Participant

    @leoly

    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?

    Plugin Author Stefan Boonstra
    Member

    @stefanboonstra

    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

    leoly
    Participant

    @leoly

    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Centering Slideshow’ is closed to new replies.