HTML

The plugin outputs caption information inside HTML markup (unless explicitly requested otherwise). You can style the caption using CSS.

By default, the entire caption HTML is wrapped in a <div> tag, but this can be toggled in plugin options. If this is enabled, the caption HTML will look like this:

<div class="cc-featured-image-caption">
    <span class="cc-featured-image-caption-text">Caption text</span>
</div>

If you have source attribution text but no URL, it will look like this:

<div class="cc-featured-image-caption">
    <span class="cc-featured-image-caption-text">Caption text</span>
    <span class="cc-featured-image-caption-source">Attribution text</span>
</div>

If you have a source attribution URL also, it will look like this:

<div class="cc-featured-image-caption">
    <span class="cc-featured-image-caption-text">Caption text</span>
    <span class="cc-featured-image-caption-source"><a href="http://example.com/">Attribution text</a></span>
</div>

If you have disabled the <div> container, everything inside the <div> will be the same but without the <div> around it.

HTML in the Caption Text

HTML tags can be placed in the caption text the same as they can be in the WordPress editor. This allows you to add formatting to the text such as bold and italic, links, etc.