Hi Rob, try adding this to your theme’s CSS:
#wrapper .meteor-slides {
margin: 0 auto;
}
Wow , that was quick! Thanks very much.
Rob
I’m also trying to center a slide show in my post. I’m not sure what you mean by adding (your code) to the Theme’s CSS. So I do not add this right into the post? I’d have to most likely go to the ADMIN section of the Theme? (I’m using Weaver II Pro). My site is http://www.coutureandcannolicafe.com. If you want to take a look to see what I mean. Thank you! Angela
If you have a custom theme and are editing the code directly you would add that to your theme’s style.css file.
But if you are using Weaver and making changes through the theme options you would want to add that CSS to the “Custom CSS Rules” in the “Advanced Options” section of the theme settings.
I tried to add it to the Weaver theme (don’t have a detailed custom theme in place yet) and I didn’t see any changes to the placement of the slides – they are still all showing to the left. I think I’m missing something…
I don’t see this custom CSS showing up on your site, could you send me a login so I can see how you have the CSS added in your theme options?
JLeuse, first of all this is absolutly the perfect slideshow plugin for me. Great job and thanx. It works like a champ. I just need a little adjustment. I am not able (or probably capable) to center the slideshow in my container. I am using WP 3.3.1 and Meteor Slides 1.5. My WP theme is Wiredrive Classic 1.0.4. The page of difficulty where my 2 slideshow are located are at http://douglaswater.org/system-community-news/
As you can see on this page the slideshows are not centered. I tryed to use the code
`#wrapper .meteor-slides {
margin: 0 auto;
}`
that you posted above, in the Wiredrive Classic: Stylesheet (style.css) in the Appearance>Editor>Edit Themes area. It didn’t seem to work for me or maybe I put it in the wrong place.
Here is my CSS http://pastebin.com/dCJx0Zky
and my Wiredrive Classic: custom-css.php
http://pastebin.com/dvrgvQ1T
Any explanation on what and how to make the change would be appreciated.
I don’t see any custom CSS in those files for Meteor Slides, it doesn’t look like your site has a wrapper container, try adding this to your stylesheet:
#container .meteor-slides {
margin: 0 auto;
}
Wow thanks for the quick reply and in the mean time I found an earlier post of yours that was the ticket. I put
.meteor-slides {
margin: 0 auto !important;
}
just below
.content-wrapper {
padding: 40px 20px 80px 20px;
overflow: hidden;
}
in my
Wiredrive Classic: Stylesheet (style.css)
All that blabbing by me for no reason. Again great plugin.
No problem, glad you got it working.