WordPress.org

Forums

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

  1. Bu44ard
    Member
    Posted 2 years ago #

    I need to display 6 slideshows - 2 rows of 3 slideshows side by side. I'm not a web designer, don't know css or how to use short code. I tries a couple of grid plugins but couldn't understand how they could help me to do this. I have examples on the gallery page of my site http://www.homespecialistsinc.com

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

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 2 years ago #

    This won't actually be that hard, you've already done most of the work. To make the final steps, you'll need to know how to create a custom stylesheet for the slideshow. You can read how to do this in the FAQ section.

    When creating/editing a custom stylesheet in the stylesheet editor, you'll see this line: '.slideshow_container { }'. Replace it with the following:

    .slideshow_container {
        float: left;
        margin: 10px;
    }

    Save the stylesheet and set every slideshow on your gallery page to use this newly created stylesheet.

    You can control the distance between each slideshow by setting the 'margin' value to a higher or lower number of pixels.

  3. Bu44ard
    Member
    Posted 2 years ago #

    Thanks Stefan for your help. I was able to customize the 'light' stylesheet, I replaced the code with then new code as you instructed. I renamed the customized stylesheet 'Light_Custom' and changed my slideshows to use this new stylesheet.

    However, no slideshow displays at all after doing this. If I use the new stylesheet with the old code, it displays but of course without any side by side spacing. I pasted the code in so I'm sure it's not a typo. Any ideas on what's happening?

    Once this is resolved, I'll also need to find out how to space 2 rows of slideshows vertically on the page.

  4. Bu44ard
    Member
    Posted 2 years ago #

    Stefan,
    I resolved the issue of not displaying. I found that if I use:

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

    it will display. Height and Width are the slideshow settings I used.
    Does this make sense?

    I'll also need to find out how to display 2 rows of slideshows vertically on the page with spacing between them.

  5. Bu44ard
    Member
    Posted 2 years ago #

    Stefan,
    I resolved the vertical spacing using this code:

    {
    clear:both;
    margin-bottom:25px;
    }

    Thanks,
    Steve

  6. Stefan Boonstra
    Member
    Plugin Author

    Posted 2 years ago #

    That's great to hear! It's looking good!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic