Unable to Center Slideshow on Page

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 : https://laurenranes.com/?page_id=76

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

thanks much!

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

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?

@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

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

Sure:

https://www.brooklynbilt.com/main/

Thanks

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)