WordPress.org

Forums

Meteor Slides
[resolved] Unable to Center Slideshow on Page (19 posts)

  1. itisafairytale
    Member
    Posted 2 years ago #

    Hi, I would like to refer you to my website, http://www.mintmarshmallow.com/

    I'm unable to center the slideshow on the page.

    Thanks in advance!

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    Try adding this to your stylesheet:

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

    AWESOME! thanks so much!!!

  4. itisafairytale
    Member
    Posted 2 years ago #

    resolved!

  5. lranes
    Member
    Posted 2 years ago #

    hi! i have this same problem. i added the code but one of my images seems to be sitting to the left still...

    my site is: laurenranes.com
    the slide show is on this page : http://laurenranes.com/?page_id=76

    I would also like a title to appear above or below the slide show.

    thanks much!

  6. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    @lranes This post about centering the whole slideshow on the page, not about centering a slide within the slideshow.

    The slides should already be centered in the slideshow, but you haven't set the slideshow height and width in the settings, they can't be blank a size needs to be set for the slideshow to work correctly.

    I would recommend using slide images that are all a matching size, and set the slideshow size to match exactly. You will have to re-upload any slide images that do not match the size.

  7. lranes
    Member
    Posted 2 years ago #

    ok, I got the images to be centered, but this has affected two of the images in the slidshow. they are cropped now. these two images are vertically oriented, not horizontally like the rest of the images. any advice? also can I add a title somehow?

  8. lranes
    Member
    Posted 2 years ago #

    nevermind i got it to look how i want! thank you much!

  9. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    You're welcome!

  10. Fauxlimey
    Member
    Posted 2 years ago #

    I'm still not able to center Meteor Slides (using Responsive child theme) I've tried adding

    #meteor-slideshow {
    	margin: 0 auto;
    }

    but that makes no difference. Here's the Meteor Slides CSS I have in the child theme folder:

    div.meteor-slides {
        height: 100% !important;
    	line-height: 0;
    	margin: 0 auto;
    	max-width: 100%;
    	position: relative;
    	z-index: 1;
    	padding: 0;
    }

    Is the theme not allowing this to center?

  11. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    @Fauxlimey If you are using Meteor Slides 1.5.1, you can use metadata to change the slideshow alignment, this should work with most any theme.

  12. Fauxlimey
    Member
    Posted 2 years ago #

    Thanks for the quick response!

    I used this shortcode:
    [meteor_slideshow slideshow="homepage-slideshow" metadata="align: 'center'"]
    That doesn't work on its own... do I need to add a template tag as well? Excuse my lack of knowledge. I don't do much of this.411

  13. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    No, that should work, can you post a link?

  14. Fauxlimey
    Member
    Posted 2 years ago #

  15. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    You've got a custom stylesheet in your theme that is out of date. Remove that and it should work.

  16. Fauxlimey
    Member
    Posted 2 years ago #

    That worked. The CSS was from 1.5. Duh.
    Thank you so much. Coffee on the way!

    (from PartyClic, or Richard)

  17. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    No problem, thanks for the coffee!

  18. Fauxlimey
    Member
    Posted 2 years ago #

    I'm baaaack! I can't figure out how get the slideshow to fill the page width. The theme's post.entry size is 960px wide. I changed the settings in Meteor to reflect that and created a new slideshow with new, larger slides (960px wide). For some reason, the slideshow is only 900px wide. If I remove the slideshow and insert one of the images instead, it is full size.

  19. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    Hi, the slideshow is set to 960, but it looks like the slide images are only 900px wide. Are you sure the images are 960px and that you uploaded them after setting the width to 960?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic