[Plugin: Meteor Slides] slide show floating/not flush

  • 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>

    https://www.ads-software.com/extend/plugins/meteor-slides/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    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;
}
    Thread Starter ccorey11

    (@ccorey11)

    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-

    Plugin Author Josh Leuze

    (@jleuze)

    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?

    Thread Starter ccorey11

    (@ccorey11)

    https://yourlifeevolution.com/offline/?page_id=792

    Plugin Author Josh Leuze

    (@jleuze)

    Try adding this rule to your theme’s stylesheet:

    #container .meteor-slides {
    margin: 0 0 0 -40px;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Meteor Slides] slide show floating/not flush’ is closed to new replies.