...

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”]

Leave A Comment

Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.