Support » Plugin: Meteor Slides » Unable to Center Slideshow on Page

Viewing 15 replies - 1 through 15 (of 18 total)
  • Moderator cubecolour

    (@numeeja)

    ɹoʇɐɹǝpoɯ

    Try adding this to your stylesheet:

    #meteor-slideshow {
    	margin: 0 auto;
    }

    AWESOME! thanks so much!!!

    resolved!

    hi! i have this same problem. i added the code but one of my images seems to be sitting to the left still…

    my site is: laurenranes.com
    the slide show is on this page : http://laurenranes.com/?page_id=76

    I would also like a title to appear above or below the slide show.

    thanks much!

    Plugin Author Josh Leuze

    (@jleuze)

    @lranes This post about centering the whole slideshow on the page, not about centering a slide within the slideshow.

    The slides should already be centered in the slideshow, but you haven’t set the slideshow height and width in the settings, they can’t be blank a size needs to be set for the slideshow to work correctly.

    I would recommend using slide images that are all a matching size, and set the slideshow size to match exactly. You will have to re-upload any slide images that do not match the size.

    ok, I got the images to be centered, but this has affected two of the images in the slidshow. they are cropped now. these two images are vertically oriented, not horizontally like the rest of the images. any advice? also can I add a title somehow?

    nevermind i got it to look how i want! thank you much!

    Plugin Author Josh Leuze

    (@jleuze)

    You’re welcome!

    I’m still not able to center Meteor Slides (using Responsive child theme) I’ve tried adding

    #meteor-slideshow {
    	margin: 0 auto;
    }

    but that makes no difference. Here’s the Meteor Slides CSS I have in the child theme folder:

    div.meteor-slides {
        height: 100% !important;
    	line-height: 0;
    	margin: 0 auto;
    	max-width: 100%;
    	position: relative;
    	z-index: 1;
    	padding: 0;
    }

    Is the theme not allowing this to center?

    Plugin Author Josh Leuze

    (@jleuze)

    @fauxlimey If you are using Meteor Slides 1.5.1, you can use metadata to change the slideshow alignment, this should work with most any theme.

    Thanks for the quick response!

    I used this shortcode:
    [meteor_slideshow slideshow="homepage-slideshow" metadata="align: 'center'"]
    That doesn’t work on its own… do I need to add a template tag as well? Excuse my lack of knowledge. I don’t do much of this.411

    Plugin Author Josh Leuze

    (@jleuze)

    No, that should work, can you post a link?

    Sure:

    Home

    Thanks

    Plugin Author Josh Leuze

    (@jleuze)

    You’ve got a custom stylesheet in your theme that is out of date. Remove that and it should work.

    That worked. The CSS was from 1.5. Duh.
    Thank you so much. Coffee on the way!

    (from PartyClic, or Richard)

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Unable to Center Slideshow on Page’ is closed to new replies.