Portfolio Grid

Create custom Filterable Portfolio Grids with the click of a button in Visual Composer with Fortuna! Fully customize the looks of your grids, add them to any page, add category filters to them etc. Check out some of the modification options below as well as a few examples further down the page.

[boc_spacing height=”20px”][boc_heading html_element=”h4″ alignment=”left” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” background=”bgr_double”]Features[/boc_heading][boc_spacing height=”20px”]
[boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Display style (10 Style Presets availbale)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Image Hover Effect (4 Style Presets available)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Item Spacing (3 Options available)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Column Count[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Total Items in Grid[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Add Category Filters[/boc_list_item]
[boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]CSS animation of the items[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Custom Query for the Items[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Filter only specific categories[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Order and Order By clauses[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Image sizes (Use equal heights or original proportions)[/boc_list_item]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_double” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #1[/boc_heading][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”yes” center_filter=”” show_filter_label=”yes” spacing=”small_spacing” fixed_size=”” css_items_animation=”bottom-to-top” limit=”12″ order_by=”date” order=”DESC” display_style=”7″ img_hover_effect=”2″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #2[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”yes” center_filter=”yes” show_filter_label=”yes” spacing=”no_spacing” fixed_size=”yes” css_items_animation=”right-to-left” limit=”9″ order_by=”date” order=”DESC” display_style=”9″ img_hover_effect=”4″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #3[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”1″ img_hover_effect=”3″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #4[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”3″ img_hover_effect=”1″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #5[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”4″ img_hover_effect=”4″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #6[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”6″][boc_spacing height=”60px”]

发表评论

邮箱地址不会被公开。 必填项已用*标注

验证码:请输入正确的阿拉伯数字 * 超出时限,请重新填写验证码。

QQ客服
  • 意大利留学小助手 点击这里给我发消息
微信公众号
  • 关注微信公众号