Meteor Slides
[resolved] Center slideshow (3 posts)

  1. lillyanotherhappyday
    Posted 3 years ago #


    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: http://www.bastidedeganay.com)


  2. Michael S.
    Posted 3 years ago #


    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.

  3. lillyanotherhappyday
    Posted 3 years ago #

    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 ;)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic


No tags yet.