WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
slide show floating/not flush (6 posts)

  1. ccorey11
    Member
    Posted 2 years ago #

    hello again,

    I posted earlier today but this actually the issue:

    this slide show will not center, its floating. I was going to put: "<div style="clear:both;"></div>" in front of "<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>" on my page.php but this would place a slide show on every page. yes? Is there another way to center my slide show (960 x 349) instead of making a custom page.php for the one page i want the slide show on? I tried putting this 'clear' tag on the actual page above "[meteor_slideshow]" but it does not seem to work. Suggestions?

    </c>

    http://wordpress.org/extend/plugins/meteor-slides/

  2. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    You can add the slideshow using the shortcode in the page or pages you want it on and style that slideshow to center if that is what you want it to do using CSS in your theme's stylesheet.

    The slideshow shouldn't float by default, but it is a block level element with a fixed width, so it will sit to the left. If you want it centered try adding this to your stylesheet:

    .meteor-slides {
    margin: 0 auto;
    }
  3. ccorey11
    Member
    Posted 2 years ago #

    this does not seem to do anything...I am trying to make it flush w/ the edges of the page but it goes off the page on the right...i believe it wont center because there of the margins set for the page in the CSS....I dont want to get rid of the margins on all the pages just this one...should i just make a custom page template? Or is there another way?

    i tried altering your code to:

    .meteor-slides {
    margin: 0 0 30px 0 !important;
    }

    but doesn't seem to work either

    the theme is filtered by theme trust...they recommended your slide show...

    thanks

    -c-

  4. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    If you need to remove the margins for just that page you should be able to do that using CSS, can you post a link to the page you're working on?

  5. ccorey11
    Member
    Posted 2 years ago #

  6. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    Try adding this rule to your theme's stylesheet:

    #container .meteor-slides {
        margin: 0 0 0 -40px;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic