329 Responses to “Adding multiple slideshows with different sizes”
  1. I’m trying to have a different size on a second slideshow and it seems to make the area the correct size. But it seems like the images are resized to the default size (250×250) when I want the images to be 350×263. This is on the page

    The homepage has the slide show at the required 260-x250.

    This is the code that I put in the page for Motorization

    [meteor_slideshow slideshow="motorization" metadata="height: 263, width: 350"]

    Can you tell me if I’m doing something incorrectly on the code?

    Thanks for your help.


    • Hi Dave, you have the height and width set to 250px in the slideshow settings. Any slide images you upload will be cropped to these dimensions, you should set the height and width to match the largest slideshow you need.

    • Hey Dave,

      I’m having trouble w/ multiple slideshows. All of the images in the “slides” area are posted in each of my slideshows. They are set up to scale as I need them but all the images from slideshow 1 also appear in slideshow 2, and likewise. here is an example all of the skewed images should not be there.

      • Kyle, I’ll let Josh respond with more detail since it’s his plugin but for starters I would verify that for each slide you have selected the checkbox for the appropriate slideshow (in the slide’s sidebar).

      • Kyle, it looks to me like you aren’t specifying a slideshow on that page and that is why it is loading all the slides. It could be as simple as a typo, double check that you have the shortcode or template tag formatted correctly and that you are using the slideshow’s slug as the value of the slideshow parameter.

  2. So cool! This plugin rocks! TY TY TY Josh. I hoped you could have multiple sizes and here it is!

  3. Meteor Slides Settings – height: 424 x width: 425

    Main page is [meteor_slideshow slideshow="main-page" metadata="height:282, width: 425"]

    Occupations page is [meteor_slideshow slideshow="occupations" metadata="height:424, width: 283"]

    The height of the occupations images does not reflect height:424 – I assume it is 282.

    How do I fix this please, I keep pulling out my hair…at this rate I won’t have much left.:)

    Thank you for your assistance.


  4. I just took off the security. Home page is the wide images and your’re on the list is the vertical. I appreciate your assistance.


  5. Hi Josh

    I have tried to add a smaller slideshow on a website, but the three dots, like the bigger one on the same page, seems to have disappeared and it is not changing. please tell me what i did wrong.

    here is the website:

    i am using the meteor slide widget and i added the follwong in the metadata field:
    [meteor_slideshow slideshow=sponsors metadata=height: 150, width: 300]

    as you see it looks fine (sort of) except for the three dots and it doesnt seem to be showing the other slides at all.

    not an expert at all, but getting there. please tell me what I did wrong.

    • Hi Duan, it looks like no slides are being loaded. Try adding quotes around the slideshow and metadata values like this:

      [meteor_slideshow slideshow="sponsors" metadata="height: 150, width: 300"]
  6. They are not cropped. I removed the images, reloaded the images to library, created new slides, and it works. Your the man!!!!

    Thank you.


  7. Hi Josh,

    May i know after i set the biggest size in setting “735×120″
    and then i create another slideshow, i style it with css into “209×120″ like what you show above
    but i still get the main size i set..”735×120″.


  8. Hi Josh

    As soon as I add those quotes, and I save the widget info, it deletes everything after the quotes. So it doesnt save the metadate right. Shucks

    • Hi Duan, are you adding the whole shortcode to the metadata field in the widget, or just the metadata like this:

      metadata="height: 150, width: 300"
      • I tried entering the following code for a smaller slide show:

        metadata="height: 200, width: 260"

        to my widget but it keeps disappearing and doesnt save the settings. I also tried:

        height: 200, width: 260

        wich save, but does not affect the slide show size for the widget – Is something wrong?

        • The second way is correct, in the metadata field of the widget, you just add the actual metadata. You might be having a theme conflict, could you post a link?

  9. I dont know, how I will manage to fix it…

  10. Excellent. Thanks for this Josh. Using multiple slideshows is working great for me but I haven’t yet figured out how to change the *number* of slides in a slideshow via metadata. (I didn’t see that as an Option on the jQuery Cycle’s Options page.) Sorry if I’m missing that on a different information page but I’ve looked through the documentation and haven’t come across it. Thanks in advance!

    • Hi Dave, right now the quantity in the options applies to all the slideshows. Usually I set this to match the number of slides in the largest slideshow and just add less slides to the other slideshows.

      But being able to override more of the options via metadata would be handy, I see what I can come up with!

      • I thought that might be the case—I’ve noticed before that while setting up a slideshow it will still cycle through without any “blanks” even before I have met the total number of slides I’ve defined in the settings but I was concerned this might come back and bite me later!

        Thanks Josh, and thanks for the quick response.

        • No problem David, so the slideshow is loading empty slides for you? If there are only 3 slides in the slideshow, that’s all that should be loaded, even if the quantity is set higher than that.

  11. I love the plugin, but I have a quick question, can the second smaller slideshow work if the y axis is bigger than the 1st slideshow’s y axis, for ex. 1st is 640 x 335, 2nd is 290 x 470.

    2nd is smaller but the y axis is bigger.

    Thank You!

  12. I have answered the question, just put in the metadata for 640 x 335 and then reset the settings to 290 x 470 and now it works like a dream!

    • Yeah, if the slideshows are drastically different in size, you have to set the height to the tallest slideshow and the width to the widest slideshow and set the dimensions in the metadata for each specific slideshow.

  13. Hi, I am working on setting up a wordpress responsive fluid grid website and have creted the home page to be static. Instead of the featured image I want to set up a sliding images at the top to the right. I have installed the Meteor Plugin, customized the settings, but I dont know how to activate it so it shows up.

    I dont want to use widgets or include it as a posted image inside of the text-post, as the placement would not work visually.

    How do I replace the current featured image with the slider image, so it is placed where the featured image is now? Thanks for your support in advanced. All best, Dorte

    • @Dorte, when you say the homepage is static do you mean you’ve created a page template and hard-coded the homepage content in that? Also, can you give us the link to the page?

      • Hi again, no, what I have done is this: Under Settings Front page desplays: I have chosen A static page, and front page is home page, Post page is my about page. My plan is to set up the Meteor slider on the front home page. Sorry, but I am quite new in setting this up. Hope this clarifies it.

        • There are two ways you can add a slideshow to the page you have set as your homepage. The easiest way would be to add the shortcode to the content of that page using the the visual editor.

          But if you wanted the slideshow above the page title, or right below the header above two or more columns, you would need to use the template tag and add it to a template file in your theme. For most of the themes I build, I create a custom page template with a unique layout just for the homepage.

          Check out this tutorial I wrote on creating custom page templates for more info on how to do this.

    • You’ll want to use the template tag, but where depends on your theme, what theme are you using and could you post a link?

      I don’t have any good documentation yet, but it is possible to customize Meteor Slides so that the slideshow is responsive and scales well with the rest of the site.

  14. Hi Josh

    I have been trying to unsubscribe from the comment on this page, as I no longer need assistance, but it keeps giving me an error. Can you assist?

    Its not that its im not interested, its just that I dont need the advice now.

    Trust you understand.

  15. I had similar problems with multiple slideshows like people here (and thanks for your helpful posts everyone!) and found another Gotcha. The Admin / Settings / Media needs to have the thumbnail size ALSO set to the the largest dimensions.

    Josh – you might want, in your code, to call the thumbnail for the slideshows with the specified size directly instead of using the default.

    Kermit Woodall

  16. What would the shortcode be for turning navigation on or off from the default?

  17. Thank you, that worked well. I’m struggling with the meta to control the duration of individual slideshows. I thought
    [meteor_slideshow slideshow="myshowname" metadata="duration: 1000, height: 400, width: 600"]
    would work…. nope.

    Can you point me in the right direction?

  18. Just wanted to say thanks for a fantastic plugin! It really delivered in the nick of time!

    I had to install 6 synchronous slideshows on the homepage of a corporate site that all had to fire off at the same time, and many other plugins including Nextgen Gallery’s slideshow (load times varied) and JJ NextGen JQuery Slider (buggy pause on hover would interrupt one slideshow while the others would continue, leading to sync issues) failed where Meteor slides performed beautifully.

    Gave the plugin 5 stars on the wp plugin page.

    • Thanks for the feedback and the rating, glad my plugin came in handy for you!

    • Josh,

      I wanted to echo what smooker said: thank you very much for the work you’ve put into this plugin!

      I’m working on a site redesign for the public school district where I work and found Meteor Slides to be the best plugin around for quickly and simply showing different images on different pages. Since you included the metadata plugin, I can easily change up the sizes depending on what I’m doing: brilliant!

      I plan on using Meteor Slides on many future sites, as well.

      Thanks again!

      PS – If you decide to have a “Showcase” of sites using your plugin, I’d be happy to send you a link for the school district’s site once it’s completed.

      • No problem Josh, thanks for your feedback! I’d like to put together a Meteor Slides showcase, it has been on my to-do list for quite a while!

  19. Hi Josh,

    This is a great plug in – thank you so much. I have added the slideshow to my theme to use in the header I have used and it has been working well. However I would also now like to add a different sized slideshow to my pages. I tried the code in your blog [meteor_slideshow slideshow="name of slideshow" metadata="height: 150, width: 300"] and tried inserting it in varing combinations within the PHP code (without the shortcode []s) but it didn’t work – is there a different format to use if you are adding via PHP? Also is it possible to have slideshows containing different number of slides?

    Thank you so much,


    • The template tag is formatted a little differently than the shortcode, you don’t need to include the names of the arguments, just the values, like this:

      if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "name of slideshow", "height: 150, width: 300" ); }

      Take a look at the multiple slideshows page for more examples. The slide quantity is global, but I usually set this to match the quantity of the largest slideshow and add less slides to the smaller ones so that they have correct number of slides.

  20. Hi Josh, Happy belated New Year.

    Is there a way in the shortcode to disable the mouse from pausing the slideshow?

    I’d like the header show to run whether or not the users had their mouse over the header. I’d like to retain the page navigation buttons, if possible. Oh, and world peace. Might as well ask for it all.


  21. Hi Josh, thank you for the speedy response! All working now! Once again – thank you for such a great plugin.

  22. Thank you Josh.

  23. Hi Josh,

    Is it possible to have a description on a slide? I have slideshows which contain some before and after shots – what I need to be able to do is have a ‘before’ and ‘after’ on each slide. Also is it possible to vary the speed of different slideshows?

    Thank you so much,


  24. Hi Josh,

    Sorry – i’m a bit confused (not hard) – will this automatically add the title that I have given each slide to the bottom of the image in an overlay effect? If so i’m doing something wrong! I copied the php file into my themes directory (wp-content/themes/thesis_182) and then added the code that is on the page you directed me to and put the css in my css file. I’m wondering if i’ve put it in the wrong file or something?



    • Yes, if you customize the slideshow template and stylesheet as outlined in the documentation, it will overlay the title onto the slides. Do you have a link to the slideshow you’re working on?

  25. Hi Josh,

    Sorry – I’ve only just had a chance to have a look at this. The link is it’s not live yet.

    Thank you!


    • I took a look at the site, the captions are there, but they are hidden under the slides, the CSS to overlay them on the slides isn’t loading.

      Make sure you use a custom stylesheet in your theme and add the CSS from the documentation to that stylesheet.

  26. hey Josh – GREAT plugin and I’ve used it on a couple of client sites now. However the latest one I have has decided to throw a bit of a wobbly!!

    I have the settings page set for the Gallery page photo size – larger photos and have set a post header in a Weaver theme as I have done before. THAT one works fine with the size meta detail.

    The Gallery page will not show as the set size, but as the header size!! Any thoughts would be great!

    In fact I have the settings and sizes, meta details all set as in a previous installation that works fine!!!

    Many thanks


    • Thanks Mike, glad you’re liking my plugin. The most common issue with changing the dimensions with metadata is a simple typo, so make sure you doublecheck the shortcodes or template tags you’re using. Could you post a link to the site you’re working on so I can take a look?

  27. The Gallery slideshow short code – this is the large one that is showing as a header show size!
    [meteor_slideshow slideshow="gallery-slideshow" metadata="height: 600, width: 900" metadata="fx:'fade', random:3"]

    The header shortcode and it’s working fine!!
    [meteor_slideshow slideshow="header-slides" metadata="height: 205, width: 940"]

    The whole site is behind a Maintenance Screen at the moment.

    Main Size Settings:
    Slide Height: 600
    Slide Width: 900

    I may well be missing a space error but I have looked far too long and kinda “snow blind!”

    The settings are actually copied (and pasted on the short codes) from a site where it’s working fine!!

    Many thanks Josh


    • Mike, that gallery shortcode has two sets of metadata:

      [meteor_slideshow slideshow="gallery-slideshow" metadata="height: 600, width: 900" metadata="fx:'fade', random:3"]

      Is that how you have it entered on the site? Try merging them like this:

      [meteor_slideshow slideshow="gallery-slideshow" metadata="height: 600, width: 900, fx: 'fade', random: 3"]
  28. Hi Josh,

    Meteor Slides is very good plugin for WordPress, but I’ve been having problems about it stops when I change my browser tab.

    Can you help me.



    • Hi Leandro, that is how jQuery Cycle is setup, it will only run in the background for a short amount of time before pausing. This prevents the script from eating up too much resources when it isn’t being used, I don’t think this can be changed.

  29. Hi Josh,
    I just want to tell you tank for the GREAT plugin that you created.
    and your explanations are very good too! thanks


  30. Hi!
    Just wondering if it is possible to align the slideshow so that some text is shown beside it.
    I have one sliedeshow that covers the whole width on our frontpage, and then I want to put another smaller slideshow on another page where the text is shown on the left side of the slideshow.

    • Hi Lena, take a look at the section above on “Styling specific slideshows with CSS”. You need to style just the one slideshow by using its ID, inspect the page with Firebug or view the source code to figure out the ID.

  31. Thanx big time!!

  32. I’m trying to adjust the slides in 100% width to use this “metadata width: true, but the height remains the original size in pixels, so that the paging controls are far apart.

    As I can fix this?

    • The slideshow has to be a fixed width, 100% won’t work and “true” isn’t a valid option. What exactly are you trying to do, do you need the slideshow to scale?

      • Thanks for responding so quickly.

        My aim is to fit all kinds of screen resolutions.
        You can see it in, adjusting the size of the browser window

      • I have been reviewing the documentation of “jQuery Cycle Plugin” and apparently it works automatic adjustment.

        I think the decision comes to creating the properties of the DIV.

        • The jQuery Cycle plugin doesn’t support scaling like this by default, but Meteor Slides 1.5 does. It is responsive and scales with the site if your theme is responsive or has a fluid width.

          But it still needs a maximum width, you don’t need to go to a 100% since the site and the slide images only go to 960px you can leave that as the default width, that will be the max, and it will shrink from there as your site does.

          I haven’t released 1.5 yet, but you can get the beta from Github, Try shrinking the homepage of my site to see it in action.

          • Thanks, the behavior of your homepage is what I seek.

            As for the beta, is reliable? .. I can work with it without problems?

          • Yes I keep the master on Github stable, it is ready to go I’m just doing some testing.

          • Great, works like a charm, I think I can throw a new update.

            As for the administration, you might consider storing the parameters of the slider for a simpler integration, aimed at users without much knowledge. Also be nice to have the option to create labels for photo description.

          • That’s good news, thanks for the feedback!

  33. Hello again.

    As I can list all the sliders creator recovering by “slug”

  34. This plug in is so great! I am working on making my smaller slideshows now for my sidebar! What code should I use to put a smaller slideshow in a text widget?

    Also, I do have one question, and it’s really not specific to your plug in, but I can’t seem to figure it out on my own. :( I want my main slideshow to run on my home page only, right below my meta tabs but above my homepage post title, and to the left of my sidebar…and I have no idea where to add the code for the plug in to do that. Any suggestions? I am using Mantra theme and I don’t have a home.php or other editor page that would seem to correlate to only my home page. Any suggestions you can provide are greatly appreciated!!

    Thanks again for this awesome plugin, I can’t wait to get it added to my blog as soon as I can figure out the above. :)

    • Hi Karah, thanks for trying my plugin. Don’t use a text widget, use the slideshow widget and add the height and width values to the metadata field, like this:

      height: 150, width: 300

      Mantra has a custom file called front-page.php that is loaded on the homepage if you have set that in the theme options, otherwise index.php is used. If you are using index.php, you can use a conditional tag to only load it on the homepage.

      To figure out where to place the slideshow in the file, inspect it using something like Firebug to find the spot you want.

  35. hi
    its my first time here and my first time using meteor plugin. Its a great plugin.

    What i’d like to ask is, i have a big slideshow with custom previous/ next buttons in it, now i want to have another slideshow, but with different prev/next buttons.

    How can i do that?
    I’ve tried to style using the slug class as stated but it seems that those buttons are not afected. can you please help me?


  36. hi
    it’s me again :)

    now i have a doubt that i could not figure it out:

    I want to create a menu using elements and what i want is the user to click on one of those menu links to change the slide image to one refered by the menu. How can i do this?

    What i’m really asking is how can i change images manualy outside de plugin?


    • Hi Elias, I’m not sure I understand exactly what you are trying to do. Do you have an example that you could show me?

      • Eliasclicking on

        hi Josh thanks for answering

        i was thinkimg on something like the slide show on this site

        but instead of cliking the link i’d like to “set focus” on each link each time a image passes in a way that the user knows what i’m refering too.

        is there a way to do this?

        thanks again

        • Ah, it is possible to do that with some advanced customizations. That text above the slideshow is paged navigation, they just have titles instead of the graphics that Meteor Slides uses by default.

          You could customize the slideshow script to use a custom pager with the slide titles. To switch the pager buttons from click to hover you just need to change the pagerEvent option to “hover”.

  37. Hi Josh
    Thanks so much for your answer, i’ve tried to get back to you soon but it seems your site was down or maybe there was some problem on my side. anyway thanks, i’ll take a look on what you said.

  38. Is there a place or link where I can find all the arguments or variables or metedata(‘s) (don’t know if this is the correct terminology) that I can use in my template tag, and what each does.

    if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow( “headershow”, “height: 100, width: 213, speed: 1, pause: 0″ ); }

    The items I am refering to are height, width, speed, pause, ect.
    I want to know more. about what I can use.

    Thanks, Smitty

  39. josh

    sorry if this has been asked a million times, but i cannot seem to get different slideshow heights using metadata. using settings, i created a the dimensions of 580w x 800ht- knowing that 800px was the max height of any of my slides. however, as you can see in these two examples, the height is not different. specifically, the slideshow on the “carbon neutral house” should be much taller.

    kind regards,

    • Hi thelonious, it looks like the carbon neutral house slideshow is set to the same dimensions as the default settings? The first slide in that slideshow is short and it is shrinking the slideshow to fit it, try making sure the first slide matches the dimensions of the slideshow and it should fit better, I’d recommend sizing all the slide images to the exact dimensions of the slideshow, you’ll get better results.

      • josh

        thanks…that did do the trick. however, does that imply that for all of my slideshows, my tallest image needs to go first in order to set the height precedent for that particular slide show?

        and as you said, that carbon house slideshow was set to the default settings- which is tall enough to show the entire tallest image of that slideshow. so I’m a but confused on how the settings, and metadata, actually changes things if things are in reality dictated by that first image height.

        thanks for your help,

        • In Meteor Slides 1.5 I added support for fluid slideshows that scaled with responsive themes, so the slideshow sizing works a little differently now.

          The dimensions that you set in the slideshow settings or with metadata act as a maximum size rather than a fixed size and the slideshow can shrink if the theme or images are smaller than that maximum size. So if the first slide is smaller than the max size the slideshow scales to fit the slide.

          I’m still experimenting to get this to work well with both fixed and fluid themes, ideally I would like that scaling to only take place if the image is scaling, and at 100% size, the slideshow settings would take precedent. But for now the size of the first image overrides the settings.

          • thelonious on


            thanks for the explanation. overall, i was able to modify the ordering of my project slides to make it all work without much of a problem. although, ideally, i would have liked it not to matter that the tallest slide had to be the first one.

            on a side note, after scouring a sh*t ton of slideshow plugins for our company, yours is way by far the best. i love that it is so subtle, and doesn’t impose ridiculous an overly designed theme…with silly buttons, shadowing, etc. in this way, it can be seamlessly dropped into a whole host of different website design styles and feel right at home. good f*cking job!

            ill buy you a cup of coffee…


          • Thanks thelonious, a coffee is always appreciated! Yeah, those type of designs frustrate me too, I always try to keep the skin as minimalist as possible to that the design of the actual slide images is the focus.

            Since you don’t need the slideshows to scale, you could remove the height rule using a custom stylesheet so that you can start with any sized slide:

            div.meteor-slides {
            height: 100% !important;
            line-height: 0;
            margin: 0;
            max-width: 100%;
            overflow: visible !important;
            padding: 0;
            position: relative;
            z-index: 1;
  40. Hi,
    Thank You for nice plugin;
    Plugin: Meteor Slides has Height Problem in Google Chrome (only)
    In other browsers works fine

    Help, Please

  41. Very good plugin. even works in IE10, unbelievable Thanks for the plugin.

  42. Hi! First of all, thanks for a great plugin!

    Im trying to use multiple slideshow with different sizes. The problem is that the slides dont want to change its aspect ratio and ignores one of the meta size datas.

    This is the code im using:

    The width is set just fine, but the height is adjusted to keep the same aspect ratio as my standrad size. How can i solve this?

    Here is the slideshow:


    • Hi Viktor, it looks like the slide images in that slideshow are 680×453, make sure the slide image size matches the dimensions you are setting in the metadata and it should work fine.

  43. Seems the code got messed up in my previous post, here it is again:

    if ( function_exists( 'meteor_slideshow' ) ) {meteor_slideshow ("startsida", "height: 150, width: 500"); }

  44. Hi Josh,

    I want to show both portrait and landscape images in a single slide show.
    my the width is the same on both directions width: 560
    the height on the portrait is 900
    the height on the landscape is between 560 and 600

    can you tell me how to do this. I have tried every combination possible.
    i have spent way to much time and am now losing my mind. Please help.

    thanks in advance

    • Hi Emily, the sizing has gotten a little more complicated with Meteor Slides 1.5. The dimensions set in the metadata act as a max size, but if smaller images are used it shrinks automatically so that it can scale with responsive themes.

      Right now it does this using the size of the first image in the slideshow, so if the first slide is landscape, it probably crops any portrait slides. I am planning to improve support for different sized image in a future release, but the best way to deal with this right now is to make sure the first slide is sized to 560×900 to size the slideshow to fit for all the different slides.

      • I am having a similar issue. My slides are 960×640, but I want the width of the slideshow to be 100% width of the container and any height I choose. The final result would be cropped. I have yet to figure out how to accomplish this.

        I can get around this by putting external div…but the slides disappear when I hoover using this workaround. So my only option at this point is to have my slides the correct size.

        • The slide dimensions have to be specified in pixels, a percentage won’t work. But you can set a max, like 960px, and then it should scale below that max if your theme is fluid width.

  45. Varun Srinivas on

    Hey Josh. Excellent work on the plugin. loved it.
    although, i have a problem. Is it possible to place two slide shows on the same page.

    I have two slide shows, namely event1 and event2
    When I place the following code on the same page, i don’t see the second slideshow at all.

    [meteor_slideshow slideshow="event1"]

    [meteor_slideshow slideshow="event2"]

    What could the problem be ?

    • Hi Varun, multiple slideshows will work on the same page. First thing I would do is doublecheck the slideshow slugs and make sure you are loading the correct slideshows. Could you post a link to the page you have added the slideshows to?

  46. Hi Josh!

    You are doing very good work. Great. Please make sure one thing. Can i show the featured articles in the slideshows? I mean, when i select the specific category then this article (Feature Image) shows in the slideshow. Thanks

  47. Hi Josh
    Great plugin, really smart.
    Can I order the slides in a slideshow.

    Current snippet: [meteor_slideshow slideshow="services"]

    Attempted snippet using the image ID to order the slides

    [meteor_slideshow slideshow="services" orderby="33,40,41,42,43"]

    Makes no difference.

    Thanks in advance

    • Hi Lee, the slideshow shortcode only has two arguments, “slideshow” and “metadata”, you can’t edit the query from there.

      The slides are sorted chronologically, just like blog posts, so you can change the publish date of the slides to sort them. Or you can use a plugin like Post Types Order to add drag and drop sorting.

  48. Hi Josh,
    Great work. I’m attempting to have a page with 3 sliders side by side. Each slider represents a category in my gallery. They would all be equal size, but aligned horizontally. Is this possible? So far I’ve added two sliders, but they line up vertically. I entered the shortcode horizontally if that matters at all. Sorry, I’m a nube. Thanks for your help

    • Hi Anthony, you can have three slideshows side by side, you just need to style the slideshows to float so that they can be on the same line, something like this:

      .meteor-slides {
      float: left !important;
  49. Hi, how to add slidehow on the single post. I’ve make 3 slides and have added this code: [meteor_slideshow] to my HTML section on my test post. But, there’s no slides I see when I publish the post. Is there any additional code should I insert to the standard one?

    • Hi Henkz, all you should need to do is add the shortcode. You did add this to the post’s content in the post editor? Could you post a link to the page you are trying to add a slideshow to?

  50. Hi Josh, please tnxs for you meteor slide its great! i want to ask you something, i set the slideshow in 600*400 but and my pics are that dimension but the slide crop my pics to another dimension, what can i do?

    thanks man for all

    • Hi Charly, did you upload the images after setting the slideshow dimensions? Could you post a link to the slideshow you’re working on?

  51. charly marciano on

    of course,

    well I read something about my problem. the same you answer. im gonna try reloading all the images with the plug setted rigth to the pics dimensions. and I tell you.

  52. Hi Josh,

    Thanks for such a great plugin. Just wondering how to use the CSS code for wrapping text around a slideshow? I’m a newbie when it comes to code of any kind. I’m able to easily get the slideshow up and running and I’ve found your CSS code RE: wrapping text:

    #meteor-slideshowmercury {
    float: left;
    margin: 0 20px 20px 0;

    I simply don’t know where to insert that code (obviously with the slideshow name changed to my slideshow’s name). I’m using the Weaver II Pro theme which has a lot of CSS capability so I’m thinking this should be easy but nothing I’ve tried seems to work.

    I’ll definitely be buying you some coffee. Not today, but very soon.



  53. Hey Josh,

    I just figured it out. I needed to assign that specific slideshow name when inserting it into the post. Excellent.

    I’m definitely going to buy you a cup of coffee in the next few days!



  54. Hi Josh,

    Is there a way to have multiple slideshows with varying number of slides?

    I initially set the quantity to 25 in the settings page and created a slideshow of 25. I then changed the quantity to 50 and created another slideshow with 50 pictures. These 2 pages displayed the slide quantities properly in the slide navigation bar. At this point I thought the qty is actually “max qty” and that any slideshow under qty of 50 would display correctly. But the third slideshow consisting of 17 pictures, shows the 17 plus the 33 of the previous slideshow.

  55. Hello Josh!

    I have been happily using your slideshow on this page, which has small diameters (100×560) [meteor_slideshow slideshow="quotes" metadata="height: 100, width: 560"].

    Now I want to add a larger slideshow (250×940) to the homepage ( and it does not show up. I used [meteor_slideshow slideshow="homepage"] even added metadata, but still it does not show. The image shows up if I just use: [meteor_slideshow] but then I also get all the other smaller images from the other slideshow.

    I realise that you said to start with the larger slideshow first. Well, I did not have the larger one in my mind when I created the small one first.

    I hope I do not have to remove every image and the two slide shows, just to get the larger one first. Please help.


  56. Excellent slideshow and thank you for making it available to us. If you ever want to use any of my image thumbnails to showcase your work let me know. Here are few suggestions for short code options:

    Adding Captions (Turning them On-Off)
    Adding Slide Navigation: (Turning them On-Off)
    Skins/Custom CSS (being able to select the custom CSS) – Ideally this would not be overwritten when you upgrade to newer version.

  57. Josh, thank you. I have no clue how come it works now, but I am happy. Thanks!

  58. Hey josh, look having an issue getting my slides to show at all on my main/home page, used the short code to add it, a box seems to appear, but, no pictures, i foloowed the instructions to a tea till late last night no results at all to get anything, got up this mornin re did it, got the box which seems to be the right hight/ width, but no images will appear. I have been trying other slideshow scripts, maybe theres conflict, maybe its cause its 1.5, and im using the latest WP, but came across yours and liked it so much I thaught id try it, anyhows got any brainy ideas to whaT i might be doin wrong

  59. Hi Josh,

    I’m having trouble getting the appearance size to change. I have the settings adjusted to the desired size and have tried some of the possible solutions to similar issues in this comment section but having no luck.

    What am I missing? Thanks in advance for your help!

    The link to the page I’m using this is

  60. Hi Josh,

    I want to have different amount of slides in two different sliders, How can I do it? Ok I got an slider on the header which show 5 slides but I want to have another slide that show all my Images not sure if this can be done but if is possible can you help me to get it going?
    Thanks in advance.
    Best regards,

    • Hi Olexis, set the slideshow quantity to match the slideshow with the most slides. If you have a header one with 5 and an about one with 10, set it to 10. Then for the header, specify that slideshow and only add the 5 slides to that slideshow. Then for the about slideshow specify the about slidewshow and add the 10 slides to that one.

  61. Hey Man, Dope Plugin! Been using it for a year.

    One Problem though. i changed to a mobile template for mobile devices, and the slides show up too big on the mobile device. (they are fine on my PC). link:

    i tried this: [meteor_slideshow slideshow="my slide name" metadata="height: auto, width: auto"]

    but my jquery dropdown menu stops working for that page when i do use that tag. (even though the images begin to show up correctly on the mobile device.) may be a conflict?

    i also read that your version 1.5 supports fluid sizing, but its not resizing when i browse my site from a mobile device. link again:

    Thanks for any help.

    • Thanks Ano! It won’t work with the height and width set to auto, it has to be a specific number value, so it is breaking the slideshow’s JavaScript on that page.

      You shouldn’t have to change the dimensions though, it will scale to fit the browser if the theme is also scaling. If it isn’t scaling properly the most likely problem is that the theme isn’t fully scaling, like the container that it is in is larger and the slideshow is scaling to fill it.

      I can’t test the mobile version, it isn’t showing up on my Android mobile, how are you handling the mobile version, with a plugin?

      • thank you for the info on the “auto” setting. im using the “any mobile theme switcher” plugin atm.

        as far as why my slides arent scaling, i guess i can try a different “mobile-ready” wp theme. im not so much worried about the theme i use, just if it works. i can edit the css later. the current theme does scale itself because other photos are showing up correctly. just not the slideshow. i looked at it on 2 androids, an iphone, and an itouch.

        i appreciate the help

      • whadup!
        hey man you were right about the container, thanks! i figured out that the slides are resizing but it depends on the device’s portrait screen size.

        my android:
        when i have it positioned in portrait it doesnt shrink far enough because of the container (like you said). BUT when i position it to landscape everything is fine. MIL GRACIAS.

        the world needs you

  62. oh, and this is an example of the blank slideshow on a page, along with my dropdown menu not working:


  63. Hi Josh,
    Thanx for your great work. Meteor Slides is a great enhancement for site I am working on. There is however one issue I cannot resolve. it has to do with horizontal alignment of the slider…
    When I make a slider with only one image. The slider is aligned in the centre of my post. When I add an image to the slideshow the slider is aligned on the left of my post.
    Do you have an idea how to solve this behavior. In my case, the slider with 2 or more images has to be aligned in the centre of the post. I would appreciate some help on this…. thx

    • You need to center the slideshow in your theme’s stylesheet just like you would any div or other container:

      div.meteor-slides { margin: 0 auto !important; }

  64. Hi Josh! I was wondering if there’s a chance not only to have different sizes but also different navigation formats. Cause I need one slideshow to have Prev/Next Navigation AND pagination, but then on another one, just Pagination will do. Is that possible?

    • Hi Milagros, there isn’t an option for this, but you can set it up like that with a little custom CSS.

      Each slideshow has a unique ID, like the slideshow on my homepage is “meteor-slideshowhome”. You can use that to target a specific slideshow and use CSS to hide nav elements you don’t want:

      #meteor-slideshowhome ul.meteor-nav {
      	display: none !important;
  65. Just wanted to let you know that your plugin is brilliant and just what I needed! I was able to put two different slideshows on our front page, each a different size. I did find out that a slideshow needs more than one slide to show up! I am planning to add more slide to that slideshow later but have just one at the moment. So I just duplicated it. :)
    Just bought you a cup of coffee!
    Thanks again!

  66. Thanks for the coffee Deb, I’m glad my plugin came in handy for you!

  67. I’m trying to have a large 552 by 200 at the top of this page and on the same page, right below, I want to have 552 by 36 – is this possible?? Right now I can’t get the second slideshow to show up underneath – it shows up behind the first…

  68. Hi Josh,

    I was wondering if metadata can be used to specific the navigation when using multiple slideshows. ie None, Previous/Next, Paged, Both) Plug in works great… sending you a few cups of Joe!

    • Thanks for the coffee Jim! You can’t set the navigation option with metadata, though that is an interesting idea for a future version! Right now you can do that with a little custom CSS to hide the navigation on specific slideshows :

      #meteor-slideshowhome ul.meteor-nav {
      display: none !important;
  69. The slideshow name is ‘smallSlides’ and the snippet below worked great to hide the paging buttons.

    #meteor-buttonssmallSlides {
    display: none !important;


  70. Is there a maximun size for slideshows? I woudl like to go up to 1200 x 800 pixels but can’t seem to find a way to do so.


    • The slideshows can be any size, if the spot you’re trying to add it to on the site can accommodate that size. Make sure you set the size in the slideshow settings and then upload the slide images.

  71. Thank you for that. I am contemplating moving from an HTML website to WordPress and would like to have a home page which accommodates a 200 x 800 pixel slideshow. Do you have any suggestions for themes which might be of use.

    Many thanks for your swift reply which is very much appreciated.


  72. Hi Josh, thanks for this freeslideshow, I have been setting it up on (test mode).
    Am trying to load 2 shows – header page 940w * 350H – I have settings as width = 940 and height = 400.

    2nd show is to be 534W * 400H – ERRR – when I go to add new slide to 2nd show, the feature image is looking for a default image as 940 * 400 – “Featured Images at least as wide as default header image will be used as a replacement for default image for this page or post. Smaller images used as “thumbnail” at beginning of Page/Post.”

    So it is distorting the image selection from my Media Library (images to be imported are exactly 534 * 400).

    Is this a new problem with WP 3.5?

  73. Hi Josh,

    BINGO!! found the issue, I had re-sized images and although I had ‘affect all’ on save, it appears the thumbnails were incorrect – after regenerating thumbnails MShow works.

    Now just need the code to get it to center!

    Regards, Dennis

  74. Hi,
    Any idea why only my first slideshow is visible on the website? I’ve created new slideshows with new names, but they just don’t appear on the page. If I change the name to the first slideshow again, everything works. But at the moment I’m not able to add multiple slideshows. Adding slides works ok, but only to the first slideshow.

    The first is called on the frontpage with:
    [meteor_slideshow slideshow="duunit"]

    And this works also on the Kuvagalleria/Projektit page, but not if I change the name to:
    [meteor_slideshow slideshow="duunit2"]

    Both slideshows are existing and using same or different images.

    If you check the source code, the images files can be seen, like:ävaunun-sovitus5-460×345.jpg

    Even the “box” is drawn on the page but nothing appears. Any ideas?

  75. Hi Josh

    Love the plugin man.

    Is it possible to have a particular slide be the first slide every time the page is reloaded?


    • Thanks Paul, the slides are sorted chronologically, just like blog posts, so you can change the publish dates of the slide posts if you want a certain slide to be first.

  76. Ah, thanks! Now I got it. It was maybe a bit poorly documented. Shouldn’t there be a text in the slideshow (when only 1 image available) that the user must have at least 2 pictures in order for the slideshow to work. Now there’s no hint of a solution/explanation why it doesn’t work.

  77. This tutorial seems to cover the shortcode usage for multiple mixed slide shows, but what if you’re using the widget too? I have 2 or 3 shows that are about 300 x 200 that I see that I can use as shortcode, but I have one slide show that is 400 x 160 that is a widget. So, how do I set all that up?


  78. Hi Josh! Thank you very much for a very wonderful and easy to use plugin.

    I have a problem though, when using multiple sliders in a page, swiping in mobile rotates all the galleries instead of just one. Do you know what’s wrong? my website is:

    Thanks so much!

  79. Hi Josh,
    I have two slideshows on this site. Large one is 500w x 375h on the home page. Smaller one is 250w X 375h and I want to float it left and wrap text around it to the right. Display size is correct, but the block element on the page takes up the entire 500 width. I have tried adding a CSS style element to the header of the page so it loads first, but it is not working. Page is here: and CSS is
    #meteor-slideshowLanding1 {
    float: left;
    margin: 0 20 20 0;

    Can you help?
    Thanks in advance!

  80. Hi Christine, if you update to Meteor Slides 1.5.1, you can use the new slideshow alignment option to float it to the left.

  81. Hi Josh,
    I am using you slider on my page but somehow metadata put into the widget does not seem to be working. In general settings i have 940×238 set. I followed instructions you posted on April 29, 2012 at 10:22 pm and placed only:
    height: 100, width: 300
    into the widget edit field.

    What do I do wrong?
    How can I get access to all other slider settings for different sliders on my pages?


  82. hello josh, im jhody from indonesia
    currently im working on my website, i just found this plugin quite simple to manage. you have a great work on it.

    thanx alot

  83. Hi Josh
    I have 2 similar sized slideshows – named “slider1” and “slider2”. Both slideshows filled with 3 different slides each (for certain). I inserted both slideshows in the same post (text) together as:
    [meteor_slideshow slideshow="slider1"]
    [meteor_slideshow slideshow="slider2"]
    Now I have 2 similar slideshows with same slides each, and slides are from the end of whole slide’s list. I put this example here:
    Where is a mistake? Thanks

    P.s. Same optioned slide navigation works different on both slideshows.

    • Hi Andrey, it looks like they are both the default slideshow, a slideshow isn’t specified. But there are code tags wrapped around the slideshows, this can cause problems. Switch to the HTML view and remove the extra code tags, make sure the shortcode is on a line by itself, and doublecheck that the slideshow slugs you have added match the slugs in the WordPress admin.

  84. Hi Josh,
    I have two Meteor Sliders. One, with default settings, here:
    Another one here:
    This Meteor Slide widget is located in woosidebar widget so I can locate it at this place on the page. this one I want to change. Metadata typed as follows:
    height: 100, width: 300
    Pictures not adopt to these settings. I supposed they will be cropped.

    Slides settings:
    height: 238, width: 940
    I would appreciate your support.

  85. I think I found the solution.

    Pictures not adopt to these settings. I supposed they will be cropped.

    My assumption about cropping pictures was wrong. The image was resided to the height and width placed in metadata and it seems to be working.

  86. Hi. I am using Weaver 11 Pro and added meteor slides on the home page as a top widget. I am trying to change the size of the slideshow. I am trying to put ithe metadata in the widget to try to change the size of the slide, for example [meteor_slideshow slideshow="pet-home" metadata="height:300 width: 425"]. The default metadata in the widget says [meteor_slideshow slideshow=. When I replace that with my metadata and click Save on the widget, the info I put in there disappears and goes back to [meteor_slideshow slideshow=.
    Can you tell me what I am doing wrong?
    Thanks, Jan

  87. Hi, my question is: will this plugin resize or cut pictures when i load ex. 1024×768 pictures, i think my theme 2011 is not broad enough, i think 900px, and i dont want to resize all my pictures

    second, smaller sized pics should be zoomed


    • Yes, if the slide images are large than the slideshow size, it will crop them to fit, it will not enlarge images that are too small, as these would be “blown up” and the quality would be bad.

      The cropping is really just to keep the slideshow from looking bad if a very large image is used accidentally. To get the best quality slideshow, I recommend sizing your slide images properly in an image editor first, setting the slideshow dimensions to match those slide images exactly, and then uploading the images.

  88. hi, is there any option for diplay picture text


  89. Hi Josh.
    Thanks for your quick reply.
    In the Meteor Slides Widget I have selected the Slideshow “PetHome” from the dropdown menu. In the Metadata field, I added [meteor_slideshow slideshow="PetHome" metadata="height:350, width: 425"]

    • In the metadata field you just need the metadata that gets entered into the shortcode, not the whole shortcode. Try it like this:

      height:350, width: 425

      Take a look on the using metadata page, it shows how it should be added depending on what you are using to load the slideshow.

      • Unfortunately that didn’t work either with quotes or without. When I chose All Slides in the dropdown instead of the specific slideshow I want, it sized them all to half the size.

        • Hi Jan, I’m not exactly sure what is going on, can you post a link to the page you’re working on?

        • Hi Jan and Josh.
          I have been using Meteor Slides for a month. This plugin is great and I am so grateful for Josh’s amazing work. Thank you very much.

          I have a question to Jan. What was the size of “Setting” when you uploaded the image to Meteor Slides? I am wondering if the set size might have been smaller than the size your target with metadata then. You might be able to solve this problem by eliminating the image already uploaded before from the slide show first and reset the size larger in the “setting” and reupload the image data. (Sorry I am Japanese and not good at explaining things in English)

          I hope your problem will be solved by this. Good luck.

  90. Hi Josh,

    Great plugin and largely very easy to use with your great support website. I have added three shows to my website so far, the main one on the home page and one smaller in the sidebar. Both are fine.

    The final one located in the top sidebar is having a few issues. I set it up like the other sidebar, but the images look enlarged still. Can you have a scan to try and diagnose the problem?




  91. Thanks Giuseppe, I tried to access the site you linked to and wasn’t able to load it, are you still having problems with that last slideshow?

    • sorry, my fault I think and yes still having issues

      • The the slide image size and slideshow size don’t match. The slideshow is set to a larger size, set it to match the size of the first slide in the slideshow and it should fit better.

        • Hi, Thanks for the reply. But I thought adding the metadata would overide the defualt slide size settings. The images are formatted to 300 x 150, just like the other sidebar slidshow below the one in question labelled “Find Us At: Or am I getting confused?

          • Ah, I was mistaken, you’ve got the slides sized correctly, but the slideshow shrinking down to 250px because the column isn’t wide enough for the whole slideshow to fit without scaling. The columns have a fluid width, but it looks like the max width for the slideshows would be 250px.

  92. Hi Josh,

    Brilliant plugin that you built, every easy to use and lot of options. I’ll definitely be voting 5 stars for it.

    I do have a small issue if I place 2 or more slideshows on the same post and wonder if I’m doing something wrong.

    If I’m using the prev/next option it only works for the first slideshow on the page. All subsequent slideshows will scroll through the slides ok but if I click on the prev/next arrows it has no effect.

    Any ideas.


    • Thanks Kevin, ratings are always appreciated!

      Most of the time multiple slideshows conflict because they are loading the same slideshow, or because one if the slideshow slugs that has been specified isn’t quite right. I would double check those slugs. I can take a look if you want to post a link.

      • Spot on Josh. It was my mistake, I had omitted a hyphen and had ‘idea generators’ instead of ‘idea-generators’ as the slideshow value. Thanks for the solution and the quick response.

        You’ve definitely earned a cup of coffee!!

        Chow chow,

  93. Josh,

    You are a legend, keep up the good work!


  94. Josh: my apology for being so dumb, but I can’t seem to get the photos to size properly.

    I added 17 photos in my Media Library. They are each 1024 wide by 574 tall.

    Next I created a slide show I called “Trivia” with a slug “trivia”

    Then I added each of the photos into “Slides” and attached them to the “Trivia” slideshow. I have verified that they are in “Slides” at the dimensions 1024 width and 574 height.

    Next I changed the Slide show settings to height: 574 and width to 1024

    Then I put in the short code in a new page as follows:

    [meteor_slideshow slideshow="trivia" metadata="height: 448, width: 800"]

    I am now stumped. I can’t seem to figure out what I have done wrong. The photos appear to be the correct width but not the correct height. They are all cropped.

    If you would please look at my page i would greatly appreciate it.

  95. Hi Josh,

    The support you provide here is unbelievable!
    super awesome for newbies like me to lurk around and learn!

    I am using 2011 wpress theme and trying to create a site full of sliders.

    some issues i would request you to guide me

    1. On my site One slider is working fine with height 450px and width 300px. but am unable to create another slider with different height nd width. please help.

    2. I already have another mannual slider in the header of every page i would like to replace that on some pages with meteor slides. How can i do that?

    3. How can i add a background image to the meteor -slides?

    here is the link to website

    Thanks in advance !


    • Hi Bunny, I don’t see any Meteor Slides slideshows on that site.

      • Hi Josh,

        the one slider i applied is working fine here

        i was facing issues in
        1. adding another slider, which might be bigger than the above mentioned.
        and wanted to know how could i
        2. replace the header slider with a meteor slider on several pages down the line.
        3. Apply a background image to a meteor slider ?

        Thanks for the plugin and great support!


        • Take another look at this tutorial, you need to set the slideshow dimensions to match the largest slideshow, and then override that using metadata on the smaller slideshows. So for that existing slideshow you need to add metadata with the size and then change it to the larger size in the slideshow settings.

          If you wanted a slideshow on certain pages you’d use a conditional, just like this example, but you’d load the default slider you have now in that conditional as the default element.

          You can use a custom stylesheet to customize the slideshow, but don’t add a background to the existing slideshow container, it needs to be a certain size, instead add a new container around the slideshow function and style that one.

  96. Hi Josh,

    just found your plugin and it works great for me! Thanks for you work.
    There are is something I mentioned playing around with it and I wanted to ask if this is the right behavior.

    I scaled the slideshow to 800×500.
    Added 2 slide with an image 800×500
    Added 1 slide with an image 800×300

    When I look at the page the box is shrank to 300 in height. If I delete the small image the box is ok. So I guess all images have to be in the correct size and not too small!?

    Another question if you don’t mind. Is it possible to add the navigation via keyboard (pressing left and/or right)

    Thanks and keep it up!

  97. Keit Oliveira on

    Hello, I tried use:

    but the Slideshow doesn’t appears. What could be causing this?
    Help me, thanks.

  98. Hey Josh, first, thanks for your plugin, works amazingly!! One question, while i’m creating a different slideshow with custom size, when I try to hover or click the arrows everything goes down like if there’s something above the images, please take a look here:

    Again, thanks so much!

  99. Hi, I have a problem.
    When I write the code belowe I can see the images in the slideshow, but the slideshow’s container takes the height of the principal slideshow.
    Can someone help me?

    Thanks a lo.

  100. Hi Josh,

    I have uploaded an image that is 1400×400 and my slideshow is set to 1400 and 400 respectively in the Slides Settings menu. I’m using the responsive two thousand twelve theme default in wordpress 3.5.1, my width is scaled to 960 just fine, but the height is cropping at 137px.

    Any help would be greatly appreciated.

    Site is: Excited Designs


  101. Hello Josh,

    I hav inserted the following code:

    to my page-fullwidth.php file.

    I have 3 slides, if i have only one slide it show the image. How ever if i have more then 1 the slider just loads blank and no images are displayed.

    • Sorry, if you need to share some code you’ll have to post it in the support forums. Can you send me a link to the page with 2 or more slideshows on it that aren’t working?

      • i am working on it locally so i cant give you a sample, i am using the cherry framework with a child theme, would this cause any complications

        • That’s tough to troubleshoot. Sounds to me like there are some JavaScript errors. If there is one slide it will just load it as a static image, if there are multiple slides it uses jQuery, so if JS ir broken it won’t work with multiple slides.

          I would try inspecting WordPress with Firebug or another tool and see if you can find some errors. You can also try deactivating your other plugins to test for conflicts.

  102. I have trouble making multiple slide show in a single page.Like if i have to insert multiple slide shows in a single web page without writing code again and again.What should i do?

  103. I do not have that website online yet.but i have mailed you the coding.
    Thank you.

    • Is that PHP file you sent me part of a WordPress theme? I don’t see the required WordPress functions or the slideshow template tag.

  104. Hi Josh! I am so frustrated! Is there a way I can adapt this plugin to create an image slideshow like the one on this site: . If not, how should I go about creating this…thank you!!!!

    • That’s pretty custom, you wouldn’t be able to do that with Meteor Slides. Slideshows are really meant to show one slide at a time, in that example it is sort of working like a slideshow, but it displays multiple slides at once, so it is really a carousel.

      That site uses the Infinite Carousel jQuery script, which I don’t think is being actively developed anymore, you could try starting with Cycle 2.

  105. Hi Josh,

    I’m at a loss… I’ve deleted the plugin, slides, slideshows and re-added everything but still get nowhere.. The sub pages (sell) seem to cut off the slide. It appears that the slider is only using cropped images even though I’ve adjusted the “settings” to account for the largest x and y axis for my 2 shows…

    There is a chance that the other guy working on the site (real estate MLS data) has screwed with something, but I can’t find it.

    Mostly want to be sure that I have your settings correct on my end…

    • Did you re-upload the slide images after setting the current slideshow dimensions?

      • I did… even renamed my sliders so there wouldn’t be any mess in the back end…

        [meteor_slideshow slideshow="inner1" metadata="height: 310, width: 970"]

        This is my slider shortcode.

        Honestly this just doesn’t make any sense… I have a feeling there’s something in there that the other guy has screwed up… Your sliders (both!) worked perfectly before he screwed up the database and broke my entire header. (yes, it’s already been a long week!) :)

        don’t waste your time on this… I’ll work on this end.
        Thanks for your help. Awesome slider!!!

  106. for what it’s worth, I added a different slider plugin and it works fine. I’m terrified to know what he’s done to my client’s database! :)
    thanks again for your help!

  107. Hey josh.
    This is lokesh again.I have solved my problem regarding slide show but now i am facing a new and very irritating problem.
    Actually i am using two style sheets in a single web page but when i change one…Other changes automatically.
    Like first is Hori.css for Main menu and other one is for vertical menu named as vertical.css but when i made changes to vertical.css the main menu automatically change.I am sending you the codes in text file. on your email id.
    thank you.

  108. Yeah its offline.
    How can get a site online when i am still working on its home page :P ?

    • The same as you would put a site online when you’re ready to launch it, but usually you put it on a subdomain or a subdirectory and “discourage search engines from indexing this site” so that it is private until you’re ready to launch it.

  109. I am just practicing for now my friend.I do not know how much time i will take to finish this website.So please tell me.

  110. I think i i wont need them because i just wanna know if i can use two css style sheets in a single HTML web page?If yes,Then how?

  111. I have set the default slide size to 940wX400h and have a slideshow on home page.

    I need another slideshow in contact page in the right column with 300w X 500h.

    The slides images are of various sizes.

    I set the shortcode for the contact page:
    [meteor_slideshow slideshow="yyyy" metadata="height: 500, width: 300"]

    It looks horrible.

    How should I set the shortcode?

  112. First, thanks a lot for this plugin. It is very useful and very simple to use.

    I am working on a site (which is on localhost so I can’t send a link yet). The site uses two slideshows on two different pages:

    1. The first one has a width of 840 px and height of 280 px

    2. the other has a width of 450 px and a height of 627 px

    The second slideshow has its height set to 280 px.

    Following some of the comments on this page, I have tried setting the width and the height in the settings page to 840 and 627 respectively. Then using metadata I have set the slideshows to the settings I want like this:

    [meteor_slideshow slideshow="first" metadata="width: 840, height: 280"]


    [meteor_slideshow slideshow="impacts" metadata="height: 627, width: 450"]

    The height of the second one gets trimmed to 280.

    Why is this happening?

    I am using weaver ii pro theme.

    Grateful for help and thanks in advance

    • If the slide height on the settings page is 627 and the width is 840 any slide images smaller than that shouldn’t be cropped, did you upload the slide images after setting the current slideshow sizes? Try re-uploading the images.

  113. Thanks for your very prompt reply. I did as you said and it worked! Rated five stars on wordpress.

    Thanks once again

  114. Hello Josh.

    After installing Meteor Slideshow…

    1. I changed the slide show quantity to 3, height & width to 150, transition style to scrollleft, and slideshow navigation to both.

    2. Then I created a slideshow title “Test Example” and slug “testexample”. Then I used inkscape to create 3 images 150×150 with a .png extension and I created new slides uploading the images into the slides and selecting the slideshow “Test Example” for each slide. In my page I use [meteor_slideshow slideshow="testexample"].

    When I open the page the images are not visible but if I mouse over where the slideshow is suppose to be the navigation button are visible.

    Here is a line to the page where the slideshow is located.

    I would like to get this slideshow working if possible because it has the features I like to use on my website.

    Why are the pictures not showing up in the slideshow?

    All help is greatly appreciated,

    • Hi James, the JavaScript that powers the slideshow is broken, I see that another slideshow plugin is installed, that could be causing some conflicts. The first thing I would do is deactivate your other plugins and test the slideshow to confirm if there is a conflict with one of your other plugins, or with your theme.

  115. Josh, thanks for your plugin, but no matter what I do, I can not get two different sizes of slideshows to show up.

    The first should be on the home and that will be 950×450.

    The second should be under “redefining acoustics” and that should be 940×300.

    I’ve done everything I can think about and it won’t work. I’ve uploaded and reloaded. I’ve changed the slug, and changed the maximum size under settings. More than likely it is something I’m doing but can’t figure it out. Please help!

    my website is

    • Hi Rob, are you still having problems with this? I noticed that on the Re-Defining Acoustics page the slideshow is wrapped in code tags and this is breaking the layout. If you edit the page and switch from the visual editor to the HTML editor, you’ll see these code tags wrapped around the shortcode, remove those to fix some of these issues.

  116. This must seem like a silly question, but if one changes meteor-slideshow.php by adding it to the theme folder, will that affect all the slides displayed on the site? Thanks :)

    • Hi Flick, it will only effect which slides are loaded if you edit the query for the slide posts in the slideshow template. Otherwise the only changes will be to the markup of the slides, like if you add titles or something to the template.

  117. i want to use twoice meteor slide in my page.

    the first is working coorectily :

    according to the second i want the second height to be 150 but it is working. when i inspecte de element the height is 95.

  118. Hey Josh, first of all I want to thank you for this great plugin and for your kind response to my question the other day. I was already able to put to work 2 slideshows with different sizes in my site with no problem.

    Now, I am here with another question… Is it possible to have different transition effects in both? How could I do it?

    Thanks in advance for your help. My best wishes to you and all your loved ones for 2014 that starts tomorrow.Get much health and successes!

  119. Forgive me Josh, but I have one more question… How I can do that when clicking on the slide link opens in a new window? Is it possible?

    • Never mind about this… I did not think it would work, but I added /target = “_blank” at the end of my link and it worked!

      But my previous question is still pending… Thank you.

  120. Hello, I am the newest of the newbies and have no clue about website building but want to add a slideshow to my website which I have done successfully so far. The problem is that the slideshow is aligned to the left of the page.

    What is the code that I need to add to get this to display in the center of the page? And if possible please be specific as I am not familiar with the language.

    Thanks a million.


  121. Thanks Josh. I appreciate your help. It has been great to learn new things.


  122. like the job you’ve done.

    big up for ya.


    • To Passenger – Not sure if this message is directed at me but if so, thanks a million. There are some other improvements needed that are underway. I am enjoying the forum. Now I need a plugin for Mobile devices. I am trying to learn how to use WPTouch. Hopefully, that will work just fine. So, far not but maybe I need to go into the Settings and figure some stuff out. Learning about WordPress has been a real treat for me.


  123. Very good slider! I’ve got only an issue: the arrows doesn’t work!
    Thanks for your help!

    • Thanks Alessandro! The issue with the nav is that you specified the slideshow title “Gallery Principale” to load the slideshow. Try using the slideshow slug instead, it should look something like this: “gallery-principale”.

  124. First of all I want to say “thank you” for such a good slideshow. But I have problem with it. I set the dimension of biggest slides, re-created slides and tried to set width and height with metadata. Nevertheless slides are still the same height.

    Can you? please advice me what am I doing wrong?

    • You’re welcome Eugene! I took a look at your site and Meteor Slides is deactivated right now, if you could reactivate it I can take a look at those slideshows.

      • Ho Josh! Thank you for such fast answer. I’ve activated meteor slides plugin. They should work like the other one on the main page. can you please say why it’s croping height? I’ve set the dimension of biggest slides.

  125. Hi Josh, I have 2 different slide shows. The first one on the main page is perfect. The navigation works great. But on the second one, which is on the About Us page the navigation arrows are there but don’t work and the dots at the bottom are not showing up.
    What do I need to do to correct this?
    Thank you.

  126. This is the best slideshow plugin i have found !! thank you i love it so much – just fantastic

  127. Hi Josh,
    Susan Brown has a website with a lot of interior design slideshows.

    Can I make a new slideshow that is taller…

    original size 900×480
    new size 900×600

    and use your metadata method without changing the many existing slideshows?

    • Hi Mary, generally you want to specify the dimensions of any slideshows that are smaller than the slideshow dimensions. But if the widths are the same and the slide images are the right height, it shouldn’t effect them to change the slideshow dimensions.

  128. Hi Josh,

    I can’t seem to get my second slideshow to re-size using the shortcode you provided.

    My first slideshow is set at – Slide Height: 700px and Slide Width: 1000

    I made a second slideshow called “print” that I want to have the height at 295px and the width at 860px so I added photos to it that were that size, and then put in the shortcode:

    [meteor_slideshow slideshow="print" metadata="height: 295, width: 860"]

    But whenever I go to the page it has to slideshow still at the original larger dimensions of 700px by 1000px. Am I putting in the code wrong?

Leave a Reply

Say something and add a Gravatar?