Thumbnail

Border Radius

<img src="" alt="" class="acms-img-rounded">

Shadow

<img src="" alt="" class="acms-img-shadow">

frame

<img src="" alt="" class="acms-img-bordered">

Caption

caption
<div class="acms-img-captionBox">
<img src="" alt="">
<div class="acms-img-caption">caption</div>
</div>

using with acms-img-rounded

caption
<div class="acms-img-captionBox acms-img-rounded">
<img src="" alt="">
<div class="acms-img-caption">caption</div>
</div>

using with acms-img-bordered

caption
<div class="acms-img-captionBox">
<img src="" alt="" class="acms-img-bordered">
<div class="acms-img-caption">caption</div>
</div>

caption will be appeared when hovering

 caption

<a class="acms-img-captionBox">
<img src="" alt="">
<p class="acms-img-caption acms-img-hover">caption</p>
</a>

use all

 caption

<a class="acms-img-captionBox acms-img-rounded">
<img src="" alt="" class="acms-img-bordered acms-img-shadow">
<p class="acms-img-caption acms-img-hover">caption</p>
</a>

with context

sample text of the thumbnail. sample text of the thumbnail. sample text of the thumbnail. sample text of the thumbnail.

<a class="acms-thumbnail">
<img src="" alt="">
<p>sample text of the thumbnail. sample text of the thumbnail. sample text of the thumbnail. sample text of the thumbnail. </p>
</a>