Slideshow side by side

@sdiverdan – I’m thinking you may need to be making these attempts without using the third-party shortcode structures (as this will most likely trigger a bug currently found in WordPress core).

– Cais.

Ok Cais, but I believe <div> is not a third-party shortcode, how would you suggest I create two slideshows side by side?

If I use the WordPress editor and hit the green button to define a slideshow it left justifies the slideshow. How do you center a NextGen Gallery slideshow in this new WordPress? Other plugins use CSS code to center their slideshows but I cannot find a slideshow_container in photocrati.

If I create two slideshows they are both stacked vertical and both left justified. How do you create two side by side slideshows? How does your plugin accomplish putting two slideshows side by side?

You referenced:

I tried using [su_row][su_column] but the slideshow ignores the closing [/su_column] and [/su_row] …

… those are shortcode structures. Are you using those still or just trying to write HTML to contain the slideshows?

The NextGEN Basic Slideshow CSS wrapper is the .ngg-slideshow class, have you focused your custom CSS attempts on that element? You may need to be more specific depending on your theme as well.

– Cais.

PS: Try using tables (and possibly appropriately sized slideshows) as your base.

I’m now trying to use pure HTML. I’ll try the tables without using Shortcodes Ultimate.

The question on how you center one slideshow is still unanswered. What html works with NextGen Gallery to center the slideshow on a webpage? Is the default left justified for a slideshow?

@sdiverdan – The default for the slideshow would be centered with the link to thumbnails left aligned.

– Cais.

Thanks Cais. As my page displays it as left justified it has to be my own css code. I did a careful element inspection and found that the .ngg-slideshow class is part of the .ngg-albumoverview class. I knew I had no .ngg-slideshow overrides but I did find an old .ngg-albumoverview {margin-left: 35px;} in my nggallery.css. Once I removed it the slideshow became centered!

As for placing two slideshows together I no longer use the Shortcode Ultimate [row] shortcut. The Shortcode Ultimate table shortcodes did work but I liked the effect of the normal <table><tbody> commands better. So this problem is resolved. I now have two slideshows side by side using the normal table commands.

@sdiverdan – Great to know. Thanks for the follow-up.

– Cais.