WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] full frame slide show (6 posts)

  1. brotherleeroy
    Member
    Posted 1 year ago #

    cleanairmaui.com
    How can I get the slide show to go edge-to-edge? Changing the size setting has no effect. Thanks.

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

  2. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    By edge-to-edge, do you mean you want to remove the white space on the left and right sides so it stretches right to the gray background?

    This space is added by the wrapper container that wraps round the contents of the page, you need to remove the padding like this:

    #wrapper {
    padding: 0;
    }
  3. beezee60062
    Member
    Posted 1 year ago #

    Love the plugin!

    Could you explain a bit more about how to do this? I'd like my slides to render about 28% wider (almost filling margin to margin). (http://www.LeadershipTraction.com)

    Should I be putting the #wrapper code above somewhere in the copy of meteor-slides.css I added to my child theme or somewhere else?

    Thanks.

  4. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    @beezee60062 No, you don't need a wrapper code, that is specific to that theme. The problem with your slideshow if that the theme is shrinking the slide images:

    #content img {
    margin: 0;
    max-width: 640px;
    }

    Remove that rule from your theme and the slideshow will be full size.

  5. beezee60062
    Member
    Posted 1 year ago #

    Sweet!

    Since I use a child theme, I didn't want to delete the code from the main theme's style.css file. But, following your lead, I, instead, added the following code to the child theme style.css file:

    /* so meteor slides render at 100% */
    #content img {
    margin: 0;
    max-width: 100%;
    }

    Worked like a charm!

    Thanks sooooo much, Josh! MUCH appreciated.

  6. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic