Support » Plugin: Meteor Slides » [Plugin: Meteor Slides] Center slideshow

  • Resolved lillyanotherhappyday



    I’m a beginner on wordpress and try to help my parents with their website. I installed today your plugin (which is really great !), but have some trouble to center the slideshow.

    Of course, I made some research on Google first and found that I have to add “auto” near “margin”. So I tried, but it still doesn’t work.
    I copy/paste the meteor stylesheet in my theme directory (I’m not sure how to translate this term in french, so I thought it was my my child theme ?).
    I guess I made a mistake somewhere but can’t find where…

    Also, I can’t see this exact line on my stylesheet:

    .meteor-slides {
    	margin: 0;
    	overflow: hidden;
    	padding: 0;
    	position: relative;
    	z-index: 1;

    If someone could help me…

    Thanks a lot !

    (Here is my website if you need to look at it:

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi.

    What I see is that you have made the correct styling (checked with Firebug):

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

    The margin is 0 auto and that will make the slideshow center.

    However, if you are using Firebug in the Firefox browser you will see that another css tag that cancels your margin:

    div.navpaged, div.navboth {
        margin: 0 0 20px;

    What I will do to clear this I will use:

    #primary div.meteor-slides

    instead of:


    in your style.css file (or where you’re typing your css style.

    Thank you a lot for taking time to help me.

    I made the change using

    #primary div.meteor-slides

    and it works ! So, many thanks 😉

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Meteor Slides] Center slideshow’ is closed to new replies.