[Plugin: Meteor Slides] Change pager To number & image title in caption

Thanks for trying my plugin. The paged navigation are actually numbered links just like that, the numbers are just being hidden and replaced with graphics using CSS.

You can use a custom stylesheet to change these buttons and reveal the numbers. Here is some same CSS to get you started:

.meteor-buttons a {
    background: #333;
    color: #fff;
    display: block;
    float: left;
    height: 10px;
    line-height: 10px;
    margin: 0 3px 0 0;
    outline: none;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 10px;
}

.meteor-buttons a:hover,
.meteor-buttons a.activeSlide {
    background: #666;
}

@ujgreg Thanks for trying my plugin! My goal with Meteor Slides is to keep it very simple out of the box, but to enable users to extend it easily.

I probably won’t add an option to the settings to display captions, but those captions are already there in the form of the slide titles waiting to be used. They just need to be displayed using a custom slideshow template.

The default slideshow skin doesn’t have captions, but I am planning to create additional skins, some of which will probably include captions so that end users are able enable captions without needing to mess with code!

Yes, that would add captions to each slideshow. There are a couple of ways you could add it to a single slideshow.

Lets say your slideshow’s slug is “neptune”, you could hide it by default using CSS and display it just on the neptune slideshow:

.meteor-slides p {
    display: none;
}

#meteor-slideshowneptune p {
    display: block;
}

Or you could use PHP and add a conditional like this:

<?php if ( $slideshow == "neptune" ) {

    echo '<p>', the_title(), '</p>';

} ?>

@fuzegraphics To move it to the right add this to your theme’s stylesheet:

#main .meteor-slides .meteor-buttons {
right: 0;
width: auto;
left: auto;
}

You’re welcome, thanks for the donation, I raise my cup to you!