Post Grid

by webadmin

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.

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

Leave a Comment