search

leemark / better-simple-slideshow

Another simple DIY responsive image slideshow made with HTML5, CSS3, and JavaScript
http://leemark.github.io/better-simple-slideshow/
Mozilla Public License 2.0
176 stars 88 forks source link

Slideshow shifts to the right on website #12

Open lrfowler opened 9 years ago

lrfowler commented 9 years ago

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 commented 9 years ago

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 commented 9 years ago

Thanks a lot for this fix!

ghost commented 8 years ago

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 commented 8 years ago

@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.