Display 3 slideshows side by side

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.

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.

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.

Stefan,
I resolved the vertical spacing using this code:

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

Thanks,
Steve

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