Slideshow shifts to the right on website

[lrfowler]

trafficstars

Hello, What do I need to change to position the slideshow correctly on the webpage... www.unitedcoachtours.com ? the slideshow is shifted to the right...I suppose the left and right arrows should be on top of the slideshow ........

Thanks.

[brunoezhVet]

The defaults for figure elements are

margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px

and that's the border you see with the shift of the image to the right. I have changed

.bss-slides figure{ position: absolute; top: 0; width: 100%; margin-right: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; }

and that works perfectly.

[Gettyk]

Thanks a lot for this fix!

[ghost]

Would be nice to have the fix implemented in the lib. Finally found this post. The CSS should be:

.bss-slides figure{ position: absolute; top: 0; width: 100%; margin:0; }

Be sure to force margin to 0 and the slideshow won't jink to the right.

[leemark]

@CoryMck please feel free to submit a pull request if you would like, and I will merge it in. If not I will add it myself soon.