[Plugin: Meteor Slides] Center slideshow

  • Resolved lillyanotherhappyday

    (@lillyanotherhappyday)


    13 years, 8 months ago

    Hi,

    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)

    http://ww.wp.xz.cn/extend/plugins/meteor-slides/

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

    (@michaelsteenc)

    13 years, 8 months ago

    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:

    .meteor-slides

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

    Thread Starter lillyanotherhappyday

    (@lillyanotherhappyday)

    13 years, 8 months 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 😉

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘[Plugin: Meteor Slides] Center slideshow’ is closed to new replies.