• Resolved hazelstreet

    (@hazelstreet)


    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: https://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!!

    https://www.ads-software.com/extend/plugins/slideshow-jquery-image-gallery/

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

    (@stefanboonstra)

    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

    Thread Starter hazelstreet

    (@hazelstreet)

    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!

    Plugin Author Stefan Boonstra

    (@stefanboonstra)

    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.

    Thread Starter hazelstreet

    (@hazelstreet)

    OK, thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Display multiple slideshows side by side’ is closed to new replies.