With a bit of extra markup, it’s possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]

foto6

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action Action

[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]

foto7

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action Action

[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]

foto1

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action Action

[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]

foto6

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action Action

[/column]
[/row]

 

In order to get the following view as in the example, please insert the html code to the post you want. You can edit text in the code to change information.

 [row]
[column lg="3" md="12" sm="12" xs="12" ]
<div class="thumbnail"><img class="alignnone size-medium wp-image-2274" alt="foto6" src="http://pr.premiumresponsive.com/wp-content/uploads/foto6-300x225.jpg" width="300" height="225" />
<div class="caption">
<h3>Thumbnail label</h3>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

<a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>

</div>
</div>
[/column]
[column lg="3" md="12" sm="12" xs="12" ]
<div class="thumbnail"><img class="alignnone size-medium wp-image-2275" alt="foto7" src="http://pr.premiumresponsive.com/wp-content/uploads/foto7-300x225.jpg" width="300" height="225" />
<div class="caption">
<h3>Thumbnail label</h3>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

<a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>

</div>
</div> 

[/column]
[column lg="3" md="12" sm="12" xs="12" ]
<div class="thumbnail"><img class="alignnone size-medium wp-image-2269" alt="foto1" src="http://pr.premiumresponsive.com/wp-content/uploads/foto1-300x225.jpg" width="300" height="225" />
<div class="caption">
<h3>Thumbnail label</h3>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

<a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>

</div>
</div>
[/column]
[column lg="3" md="12" sm="12" xs="12" ]
<div class="thumbnail"><img src="http://pr.premiumresponsive.com/wp-content/uploads/foto6-300x225.jpg" alt="foto6" width="300" height="225" class="alignnone size-medium wp-image-2274" />
<div class="caption">
<h3>Thumbnail label</h3>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

<a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>

</div>
</div>
[/column]
[/row]