Post Grid

[vc_row][vc_column width= »1/1″][vc_column_text]Creating custom Responsive Post Grids with Fortuna is a breeze! Fully customize the looks of your grids, add them to any page, filter the items you want to display, manage the output and sub-items displayed like date, image, excerpt, Read More link etc. Check out some of the modification options below as well as a few examples further down the page.[/vc_column_text][boc_spacing height= »20px »][boc_heading html_element= »h4″ alignment= »left » color= »#333333″ subheading= » » margin_top= »0px » margin_bottom= »20px » background= »bgr_diagonal »]Features[/boc_heading][boc_spacing height= »20px »][vc_row_inner][vc_column_inner width= »1/2″][boc_list_item icon_size= »small » has_icon_color= » » icon_color= »#333333″ icon_solid= » » icon= »icon icon-check2″ margin_bottom= »10px »]What elements to show (Pic, Title, Excerpt, Date, Link etc.)[/boc_list_item][boc_list_item icon_size= »small » has_icon_color= » » icon_color= »#333333″ icon_solid= » » icon= »icon icon-check2″ margin_bottom= »10px »]Regular/Boxed style presets[/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 »]Grid column count (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 »]Date Style Presets (2 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 »]Custom Query/Filter for the Items displayed[/boc_list_item][/vc_column_inner][vc_column_inner width= »1/2″][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 »]Spacing between items (None, Small and Large)[/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 »]Category Query Filter[/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 »]Overwrite image size[/boc_list_item][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width= »1/1″][boc_spacing height= »60px »][boc_heading html_element= »h3″ alignment= »left » color= »#333333″ subheading= » » background= »bgr_diagonal » margin_top= »0px » margin_bottom= »20px » css_classes= »no_text_transform »]Post Grid Example #1[/boc_heading][boc_spacing height= »40px »][boc_post_grid limit= »9″ columns= »3″ css_items_animation= »left-to-right » post_type= »post » order_by= »rand » order= »DESC » is_boxed= »yes » show_date= »2″ show_excerpt= »yes » excerpt_char_limit= »104″ add_dots= »yes » show_read_more= »yes » read_more_style= »3″ show_pic= »yes »][/vc_column][/vc_row][vc_row][vc_column width= »1/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 »]Post 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_post_grid limit= »6″ columns= »3″ css_items_animation= »left-to-right » post_type= »post » order_by= »date » order= »DESC » is_boxed= » » show_date= »2″ show_excerpt= »yes » excerpt_char_limit= »120″ add_dots= »yes » show_read_more= »yes » read_more_style= »1″ show_pic= »yes » img_hover_effect= »2″ img_cropping= »cropped »][/vc_column][/vc_row][vc_row][vc_column width= »1/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 »]Post 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_post_grid limit= »4″ columns= »4″ post_type= »post » order_by= »rand » order= »DESC » is_boxed= » » show_date= »1″ show_excerpt= »yes » excerpt_char_limit= »94″ add_dots= »yes » show_read_more= » » read_more_style= »3″ show_pic= »yes » img_hover_effect= »4″ img_cropping= »cropped »][/vc_column][/vc_row]