WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] 3 slideshows side by side (6 posts)

  1. Dnewcomb
    Member
    Posted 1 year ago #

    I would like to have 3 slideshows running side by side horizontally on the bottom of my site.

    I want to show sponsor logos for a conference (Level 1, Level 2 and Level 3) with 3 distinct slideshows of logos running beneath each title.

    Is there some code that I can use that will allow me to place 3 slide shows next to each other in this way? See:

    http://asicconference.org/schedule-2
    (see how Levels 1 and 2 are currently running vertically one above the other? Not what I want!)

    Thanks!!! I am new to WP and not much of a coder!!!

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

  2. Dnewcomb
    Member
    Posted 1 year ago #

    I was able to get 3 slideshows to float next to each other. Now I just need to get them to have some space in between. Any help with this would be greatly appreciated!!

    See titles transitioning at bottom of this page:

    http://asicconference.org/schedule-2

  3. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    I see you were able to get the slideshows floating next to eachother and add the spaces in between them. It's looking great!

  4. Bu44ard
    Member
    Posted 1 year ago #

    Hi Dnewcomb, I'm trying to do the same thing. Could you share how you did it?

  5. Dnewcomb
    Member
    Posted 1 year ago #

    After I built my slideshows and had the problem described above, I did some reading and found out that I could build a custom stylesheet that would make the slideshows float a set number of pixels away from the left margin. I opened the Slideshows panel >General Settings >Custom Styles >Light >Customize.

    After these lines of code:

    .slideshow_container { }
    .slideshow_container a { text-decoration: none; }:

    I placed this:

    .slideshow_container { float: left; }
    .slideshow_container { margin-left: 165px; }

    So now, each of my slide shows plays next to each other, with 165 pixels between them. I had to play with the number of pixels to get the spacing correct for the Twenty Twelve template I am using and the scale of my slide shows (100 pixels wide by 60 pixels high).

    The next pain was to figure out how to make a title over each slideshow. I messed around with text and then realized I could make single slide "slide shows" with text and use the same custom stylesheet that I used for my slideshow and fortunately that worked. I hope this makes sense. I figured most of this out with tips on the WP Slideshow FAQs.

  6. Bu44ard
    Member
    Posted 1 year ago #

    Thanks for your info. I appreciate it.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic