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_heading html_element=”h4″ alignment=”left” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” background=”bgr_double”]Features[/boc_heading]
[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_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_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_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_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_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_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_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_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_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_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_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_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″]
Apri Chat
Staff DreamCom
Ciao sono Sara 👋
Come posso aiutarti?