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″ ]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[/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]