Descriptive text below each slide

Hi Josh,

I have blanked out the more link successfully but now can’t work out how to move the caption so that it can be seen. I have tried adding css to p.meteor-clip but that isn’t moving the caption.

Is there another class or id I should be using or some other way of moving it to where I want?

I think by then I should have it the way I need.

Thanks so much

Hi, I don’t see Meteor Slides on your site, did you go with something else instead?

Hi Josh,

Yes the person I am doing the site for decided against a slider. However I would still appreciate your advice as to which class or id I should have been modifying to get the caption into position. I expect I will use it in other sites now that I have worked out how to use it to this point so will still need that information down the track.

Thank you

It depends on the markup you are using, like in the slideshow captions there is a basic paragraph tag around the title which is being used for the caption, and that is what is being styled.

With an excerpt for the captions, there could be more than one paragraph, so you wouldn’t want to style the paragraph like the example. Instead add your own markup for a container like this:

<div class="meteor-caption><?php the_excerpt(); ?></div>

And then style container like this:

.meteor-slides p {
    background: rgba(0,0,0,0.1);
    bottom: 0;
    left: 0;
    color: #000;
    margin: 0;
    padding: 2%;
    position: absolute;
    text-align: center;
    width: 96%;
}

Ah I see. Thanks so much.

You have been SO helpful. I look forward to using this plugin in the near future.

Brenda

You’re welcome!