[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.

Hi There,

Thanks for getting back to me so quickly.

It’s working with the code you’ve given me, so the metadata=”metadata” must have been the issue.

However, for some reason the slideshow is no longer centred and that was something I had to get my web designer to do, as I can’t do CSS. Is this something you could maybe add to future editions of the plugin?

Thanks so much

Have a good Christmas.

Bryony

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!

Thank you so much. I really appreciate your help.

My site is https://www.relaxingyogaholidays.co.uk

Slideshows on: https://www.relaxingyogaholidays.co.uk/leela-cottages-with-tara-johnson/ & https://www.relaxingyogaholidays.co.uk/molino-del-rey-with-james-jewell/

Just to warn you, I am quite new to this, so keep it basic please.

Thanks

Bryony

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;
}

Thanks so much for that.

Unfortunately, I don’t know where to put it. I tried replacing the one in the WP Appearance Editor but that didn’t work.

If it’s easy to tell me, please do but if not I’ll have to hand it to my web designer.

Thank you so much

Bryony

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.

It’s not working when I put it at the bottom of the stylesheet in the WordPress editor. I can FTP but I don’t know where from or where too.

Don’t worry. I’ll ask my web designer to do it for me when I next see him.

Thanks very much and Happy Christmas

With warm wishes

Bryony

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

Thanks, I will, and you too!