WordPress.org

1. lillyanotherhappyday
   Member
   Posted 7 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://wordpress.org/extend/plugins/meteor-slides/

2. Michael S.
   Member
   Posted 7 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.

3. lillyanotherhappyday
   Member
   Posted 7 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 ;)

Reply

You must log in to post.