[Plugin: Meteor Slides] Shortcode

Hi Bryony, thanks I’m glad you like it!

That sounds about right, you do want to use the shortcode with the slideshow parameter added. There are a couple of things that could cause conflicts. The first one, make sure you are using the slideshow slug rather than the title, it should be all lowercase. Second, if you aren’t using metadata with the shortcode, skip it. The shortcode should look something like this:

[meteor_slideshow slideshow="my-slideshow"]

If you could post a link to the page you’re working on I can take a look to make sure there aren’t any JavaScript conflicts or anything.

That’s good to hear. I’m guessing that the CSS was targeting the slideshow’s ID, which is unique for each slideshow. If it targets the slideshow’s class instead it should work for all the slideshows.

How you center or align it depends on your theme so I haven’t added anything to the plugin to adjust the layout of the slideshow, but if you can post a link I can help you with it.

You have a good holiday too!

I took a look at your site, this is the rule that was added to your theme’s stylesheet to center the slideshow:

#meteor-slideshow {
    margin: 5px auto;
}

Because it uses the ID, that only works for the default slideshow, not a specific slideshow.

You can edit the style.css file of your theme and replace that code with this code to center all the slideshows instead:

#main-area .meteor-slides {
    margin: 5px auto;
}

You should be able to edit the stylesheet in the WordPress admin using the theme editor if the files have the right permissions, do you get an error when trying to edit a file in there? Otherwise you’d need to do it via FTP.

If you’re having trouble finding the rule to edit, you could leave it and just add the new rule at the bottom of your stylesheet.

Great, it should be a simple update for your designer to make.

Thanks, I will, and you too!