WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] Display multiple slideshows side by side (5 posts)

  1. hazelstreet
    Member
    Posted 1 year ago #

    Hi,

    I'm trying to add two or three slideshows side by side on a page. I see that there were two other posts with this same issue that got resolved, but I've tried what they suggested, and it's still not working for me.

    The page I'm testing this out on is this one: http://midwayjournal.com/test/back-issues/volume-7-issue-1/

    As you can see, the second slideshow shows up under the first one, when in actuality I want it right next to the first. I would also like the option to add a third slideshow to this page (with all three of them side-by-side in one line), but first I'm trying to even get two of them to work.

    One of the other posts suggested that he added height and width specifications to his .slideshow_container styles, so since my two slideshows are of different widths, I made two separate custom stylesheets.

    The smaller of the two, I made a custom stylesheet and added this to it:

    .slideshow_container {
        float: left;
        margin: 5px;
        width: 320px;
        height: 320px;
    }

    The second slideshow I made a custom stylesheet and added this to it:

    .slideshow_container {
        float: left;
        margin: 5px;
        width: 481px;
        height: 320px;
    }

    According to what I've read in the other posts, that should do the trick... except it isn't. I'm wondering if there's something from my theme that's interfering? Or maybe I'm just missing something?

    Thanks for any help!!

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

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    I believe you've done everything correctly, except that you haven't set the maximum width setting for the second slideshow. This causes it to be the page's full width, so it won't line up next to the first slideshow.

    Best regards,
    Stefan

  3. hazelstreet
    Member
    Posted 1 year ago #

    AH, that was it, thank you!

    I see now that I have to set the max width, the slideshows no longer adjust their size with the width of the browser (I'm using a theme that adjusts accordingly). Is there any way to bring that functionality back while keeping them side-by-side?

    If not, I guess I'll have to live with this, but wanted to check. Thanks again!

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    No, I'm sorry. The right slideshow will align below the other slideshow, before adjusting its width to the page size. This is standard behaviour for any block that's aligning next to the other on a responsive webdesign.

  5. hazelstreet
    Member
    Posted 1 year ago #

    OK, thank you!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.