Unable to centre slideshows

Hi Colin,

Versions 2.2.0, 2.2.1 and 2.2.2 had some issues centering the slideshow, perhaps you’re still on one of those. The centering bug has been resolved in version 2.2.3, so you’d be able to use a custom style and ‘auto margin’ to center the slideshow on your page.

Do you work with aspect ratio or have you set a fixed height for the slideshow?

The issue you mention regarding the slideshow plugin inserting multiple image slides on one click of the insert button is a known one, but very hard to find. I have been trying to find out what’s been causing it, but haven’t yet been successful.

Best regards,
Stefan

Hi,

I’m not much of a programmer – could you please explain a little more about the “auto margin” line and where to add it to the custom style? I am also struggling to center my slideshow here: https://www.handmadeincr.com/wp/welcome/

Thanks a lot!! I love the slideshow!

Hi Stefan
Thanks for your reply. I’m using version 2.2.3, have aspect ratio set at 1.5:1 to give unstretched/unsquashed photos. Height, I’ve tried from 0 up to 400 & width from 0 up to 400. Apart from when width set on 0 which give full width all other settings get left justified even when right justification set when editing page.

Irronically, I also have the same site on my MacBook Pro using DesktopServer and justification works fine! Settings are exactly the same as the online version.
I haven’t included a link to the site as I don’t want it public yet.

Thanks

Colin

Hi Stefan, again.

I think this is Host related. I’m using 000webhost.com, free hosting for this club site I’m developing. I also have my own website hosted by hostgator.com and have just changed the slideshow plugin to yours. It works fine. Nicely centred whatever size I make it.

Maybe I’ll have to get the club to pay for a hosting site!

Hope you find the cause of the multiple images. This is the only downside to this plugin though multi deletion would also be nice.

Thanks again

Colin
https://theusherweb.me.uk/

Hi Colin (and Ofthesea),

I see on https://theusherweb.me.uk/ (this is your own website at Hostgator?), you’re using a ‘<center>‘ element to center the slideshow. I’m not sure whether or not this works on every browser.

That aside, I would always use a custom style to position the slideshow. You can read how to create a custom style in the FAQ section. To center the slideshow on the page, give the ‘.slideshow_container‘ class the following CSS value:

.slideshow_container {
    margin: 0 auto; /* This centers the slideshow, if the slideshow has a maximum width. */
}

Or this value to position it to the right and allowing text to wrap around it on the left side:

.slideshow_container {
    float: left; /* Positions slideshow to the right, if the slideshow has a maximum width. */
}

This should also answer your question, Ofthesea.

Best regards,
Stefan

It worked perfectly, thank you so much!

Stefan, thank you very much for putting me straight.

I think I have done as you said. I edited the Light ‘slideshow_container’ by adding

.slideshow_container {
margin: 0 auto; /* This centers the slideshow, if the slideshow has a maximum width. */
}

then saving it as Light_centred and selecting Light_centred for the individual slideshows.
I removed the ‘<center>’ element from the pages of both my own website and the clubs.

It works exactly as I want so guess I have done it correctly.

Thanks for your time in putting me straight. It’s a brilliant plugin.

Colin