Image Frames

[vc_row][vc_column][vc_custom_heading text=»Image Frames Shortcodes» use_theme_fonts=»yes» el_class=»shorter»][vc_column_text]You can show your images in different layout styles with Porto Image Frame shortcodes.[/vc_column_text][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Default» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_column_text]By default, Bootstrap’s thumbnails are designed to showcase linked images with minimal required markup.[/vc_column_text][vc_row_inner][vc_column_inner width=»1/3″][porto_image_frame el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][porto_image_frame shape=»circle» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][porto_image_frame shape=»thumbnail» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg»][/porto_image_frame][/vc_column_inner][/vc_row_inner][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Hover Styles» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_column_text]The thumbnail details can be displayed in different styles.[/vc_column_text][vc_row_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Default» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» link=»url:%23||» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Default Lighten» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» hover_bg=»lighten» link=»url:%23||» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»No Zoom» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» hover_img=»no-zoom» link=»url:%23||» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg»][/porto_image_frame][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»With Title and Type» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Centered Icons» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» centered_icons=»yes» link=»url:%23||» icons=»%5B%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-play-circle%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22popup_iframe%22%2C%22popup_iframe%22%3A%22http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D0O2aH4XLbto%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-plus%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%5D» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Icons Colors» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» centered_icons=»yes» link=»url:%23||» icons=»%5B%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-play-circle%22%2C%22skin%22%3A%22primary%22%2C%22action%22%3A%22popup_iframe%22%2C%22popup_iframe%22%3A%22http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D0O2aH4XLbto%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-plus%22%2C%22skin%22%3A%22secondary%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-link%22%2C%22skin%22%3A%22tertiary%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-ellipsis-h%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%5D» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg»][/porto_image_frame][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Centered Info» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» view_type=»centered-info» link=»url:%23||» title=»Project Title» sub_title=»Project Type» date=»09/19/2016″ el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-7.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Bottom Info» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» view_type=»bottom-info» hover_bg=»lighten» centered_icons=»yes» link=»url:%23||» icons=»%5B%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-play-circle%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22popup_iframe%22%2C%22popup_iframe%22%3A%22http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D0O2aH4XLbto%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-plus%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%5D» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Bottom Info Dark» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» view_type=»bottom-info-dark» hover_bg=»lighten» centered_icons=»yes» link=»url:%23||» icons=»%5B%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-play-circle%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22popup_iframe%22%2C%22popup_iframe%22%3A%22http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D0O2aH4XLbto%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-plus%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%5D» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg»][/porto_image_frame][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Push Horizontally» font_container=»tag:
h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» view_type=»centered-info» hover_bg=»lighten» hover_img=»push-hor» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»With Captions» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» hover_bg=»hide-wrapper-bg» show_socials=»yes» link=»||» title=»Project Title» sub_title=»Project Type» socials=»%5B%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-facebook%22%2C%22skin%22%3A%22primary%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-twitter%22%2C%22skin%22%3A%22primary%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-linkedin%22%2C%22skin%22%3A%22primary%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%5D» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg»]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][vc_custom_heading text=»Hide Info Hover» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» view_type=»hide-info-hover» link=»||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg»][/porto_image_frame][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=»1/2″][vc_custom_heading text=»Side Image Left» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» view_type=»side-image» hover_bg=»hide-wrapper-bg» hover_img=»no-zoom» sub_title=»PROJECT TITLE» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg»]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/2″][vc_custom_heading text=»Side Image Right» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][porto_image_frame type=»hover-style» view_type=»side-image-right» hover_bg=»hide-wrapper-bg» hover_img=»no-zoom» sub_title=»PROJECT TITLE» link=»||» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg»]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/porto_image_frame][/vc_column_inner][/vc_row_inner][vc_custom_heading text=»No Borders» font_container=»tag:h5|text_align:left» use_theme_fonts=»yes» el_class=»text-semibold text-uppercase»][vc_row_inner][vc_column_inner width=»1/3″][porto_image_frame type=»hover-style» view_type=»centered-info» hover_bg=»lighten» noborders=»yes» link=»||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][porto_image_frame type=»hover-style» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg»][/porto_image_frame][/vc_column_inner][vc_column_inner width=»1/3″][porto_image_frame type=»hover-style» view_type=»bottom-info-dark» hover_bg=»lighten» noborders=»yes» centered_icons=»yes» link=»url:%23||» icons=»%5B%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-play-circle%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22popup_iframe%22%2C%22popup_iframe%22%3A%22http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D0O2aH4XLbto%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%2C%7B%22icon_type%22%3A%22fontawesome%22%2C%22icon%22%3A%22fa%20fa-plus%22%2C%22skin%22%3A%22light%22%2C%22action%22%3A%22open_link%22%2C%22open_link%22%3A%22url%3A%2523%7C%7C%22%2C%22popup_size%22%3A%22md%22%2C%22popup_animation%22%3A%22mfp-fade%22%7D%5D» title=»Project Title» sub_title=»Project Type» el_class=»m-b-xl» label=»» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg»][/porto_image_frame][/vc_column_inner][/vc_row_inner][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Grid» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][/vc_column][/vc_row][vc_row el_class=»content-grid»][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png» label=»»][/vc_column][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png» label=»»][/vc_column][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-3.png» label=»»][/vc_column][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-4.png» label=»»][/vc_column][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-5.png» label=»»][/vc_column][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-6.png» label=»»][/vc_column][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png» label=»»][/vc_column][vc_column width=»1/4″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-b-none» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png» label=»»][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=»22px»][vc_separator color=»custom» gap=»tall» gradient=»yes»][/vc_column][/vc_row][vc_row el_class=»content-grid content-grid-dashed m-b-xl»][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png» label=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png» label=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-3.png» label=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-5.png» label
=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-6.png» label=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png» label=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png» label=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png» label=»»][/vc_column][vc_column width=»1/3″ el_class=»content-grid-item»][vc_single_image source=»external_link» alignment=»center» el_class=»m-t-sm m-b-sm» custom_src=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-6.png» label=»»][/vc_column][/vc_row]