[Plugin: Meteor Slides] centering slideshow on home page

  • Resolved Brent_F

    (@brent_f)


    12 years, 5 months ago

    Great plug-in. Thanks for all your hard work on it.

    Though I have read all the posts on this issue and experimented with different approaches, I am still having problems getting the slideshow to center on our homepage: https://www.ritabucheit.com

    Everything I have tried moves the slideshow center-right instead of just center. Here is the CSS I am currently using to style the slideshow:

    #meteor-slideshow, .meteor-slides {
    margin:0 auto;
    width: 100%;
    padding:0;
    position:relative;
    z-index:1;
    }

    Any suggestions would be greatly appreciated!

    https://www.ads-software.com/extend/plugins/meteor-slides/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    Thanks Brent, you’re welcome!

    The issue is that the page is wider than the browser, so the slideshow is centered in the page, but looks off in the browser. The page is too wide because of this rule:

    #single-content {
margin-left: 36px;
margin-right: 36px;
width: 100%;
}

    That adds up to 100% plus 72px wide, so it doesn’t fit. If you do the math so that it adds up to 100% it fits and the slideshow centers:

    #single-content {
margin-left: 2%;
margin-right: 2%;
width: 96%;
}

    Thread Starter Brent_F

    (@brent_f)

    It seems to be working now. Thanks so much!

    Plugin Author Josh Leuze

    (@jleuze)

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Meteor Slides] centering slideshow on home page’ is closed to new replies.