WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] Centering Slideshow (9 posts)

  1. richelle@richellehunter.com
    Member
    Posted 1 year ago #

    Hi there!

    How do I center the Slideshow? It's alotted left, can't figure it out!

    Thanks so much!!!

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. richelle@richellehunter.com
    Member
    Posted 1 year ago #

    Thanks so much Stefan!

  4. mkm-foto
    Member
    Posted 1 year ago #

    Hi, Stefan

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

    Thank you very much

  5. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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

  6. mkm-foto
    Member
    Posted 1 year ago #

    Ok, Stefan, thanks for the info anyway...

    Best Regards,
    Raúl

  7. leoly
    Member
    Posted 1 year ago #

    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?

  8. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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

  9. leoly
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.