Image Frames Shortcodes

You can show your images in different layout styles with Porto Image Frame shortcodes.

Default

By default, Bootstrap’s thumbnails are designed to showcase linked images with minimal required markup.

Image Frames 1
Image Frames 2
Image Frames 3

Hover Styles

The thumbnail details can be displayed in different styles.

Default
Image Frames 4
Default Lighten
Image Frames 5
No Zoom
Image Frames 3
With Title and Type
Centered Icons
Image Frames 8
Icons Colors
Image Frames 9
<
h5 style="text-align: left" class="vc_custom_heading text-semibold text-uppercase" >Push Horizontally h5>
With Captions
Image Frames 7Project TitleProject Type

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hide Info Hover
Image Frames 4Project TitleProject Type
Side Image Left
Image Frames 16
PROJECT TITLE

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Side Image Right
Image Frames 16
PROJECT TITLE

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

No Borders

Grid

Image Frames 21
Image Frames 22
Image Frames 23
Image Frames 24
Image Frames 25
Image Frames 26
Image Frames 21
Image Frames 22
Image Frames 21
Image Frames 22
Image Frames 23
Image Frames 25
Image Frames 26
Image Frames 21
Image Frames 22
Image Frames 21
Image Frames 26