{"id":20333,"date":"2015-01-17T15:46:32","date_gmt":"2015-01-17T15:46:32","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/fortuna_export\/?page_id=20333"},"modified":"2015-01-17T15:46:32","modified_gmt":"2015-01-17T15:46:32","slug":"post-grids","status":"publish","type":"page","link":"https:\/\/i3s.uk.com\/pro\/sideritalia\/post-grids\/","title":{"rendered":"Post Grid"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]Creating custom Responsive\u00a0Post\u00a0Grids 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=&#8221;20px&#8221;][boc_heading html_element=&#8221;h4&#8243; alignment=&#8221;left&#8221; color=&#8221;#333333&#8243; subheading=&#8221;&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221; background=&#8221;bgr_diagonal&#8221;]Features[\/boc_heading][boc_spacing height=&#8221;20px&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]What elements to show (<strong>Pic, Title, Excerpt, Date, Link<\/strong> etc.)[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]<strong>Regular\/Boxed<\/strong> style presets[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Image Hover Effect (<strong>4 Style Presets<\/strong> available)[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Grid column count\u00a0(<strong>4 Style Presets<\/strong> available)[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Date Style Presets\u00a0(<strong>2\u00a0Style Presets<\/strong> available)[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Custom Query\/Filter for the Items displayed[\/boc_list_item][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Total Items in\u00a0Grid[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Spacing between items (None, Small and Large)[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]CSS animation of the items[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Category Query Filter[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Order and Order By clauses[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Overwrite image size[\/boc_list_item][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;60px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;left&#8221; color=&#8221;#333333&#8243; subheading=&#8221;&#8221; background=&#8221;bgr_diagonal&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221; css_classes=&#8221;no_text_transform&#8221;]Post <strong>Grid<\/strong> Example #1[\/boc_heading][boc_spacing height=&#8221;40px&#8221;][boc_post_grid limit=&#8221;9&#8243; columns=&#8221;3&#8243; css_items_animation=&#8221;left-to-right&#8221; post_type=&#8221;post&#8221; order_by=&#8221;rand&#8221; order=&#8221;DESC&#8221; is_boxed=&#8221;yes&#8221; show_date=&#8221;2&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;104&#8243; add_dots=&#8221;yes&#8221; show_read_more=&#8221;yes&#8221; read_more_style=&#8221;3&#8243; show_pic=&#8221;yes&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;60px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;center&#8221; color=&#8221;#333333&#8243; subheading=&#8221;&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221; css_classes=&#8221;no_text_transform&#8221;]Post <strong>Grid<\/strong> Example #2[\/boc_heading][boc_divider divider_width=&#8221;60px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;1px&#8221; divider_color=&#8221;#eeeeee&#8221; margin_top=&#8221;20px&#8221; margin_bottom=&#8221;20px&#8221; icon_position=&#8221;center&#8221; icon_color=&#8221;#bbbbbb&#8221; icon_bg=&#8221;#ffffff&#8221; icon_size=&#8221;14px&#8221; icon_padding=&#8221;10px&#8221;][boc_spacing height=&#8221;40px&#8221;][boc_post_grid limit=&#8221;6&#8243; columns=&#8221;3&#8243; css_items_animation=&#8221;left-to-right&#8221; post_type=&#8221;post&#8221; order_by=&#8221;date&#8221; order=&#8221;DESC&#8221; is_boxed=&#8221;&#8221; show_date=&#8221;2&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;120&#8243; add_dots=&#8221;yes&#8221; show_read_more=&#8221;yes&#8221; read_more_style=&#8221;1&#8243; show_pic=&#8221;yes&#8221; img_hover_effect=&#8221;2&#8243; img_cropping=&#8221;cropped&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;60px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;center&#8221; color=&#8221;#333333&#8243; subheading=&#8221;&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221; css_classes=&#8221;no_text_transform&#8221;]Post <strong>Grid<\/strong> Example #3[\/boc_heading][boc_divider divider_width=&#8221;60px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;1px&#8221; divider_color=&#8221;#eeeeee&#8221; margin_top=&#8221;20px&#8221; margin_bottom=&#8221;20px&#8221; icon_position=&#8221;center&#8221; icon_color=&#8221;#bbbbbb&#8221; icon_bg=&#8221;#ffffff&#8221; icon_size=&#8221;14px&#8221; icon_padding=&#8221;10px&#8221;][boc_spacing height=&#8221;40px&#8221;][boc_post_grid limit=&#8221;4&#8243; columns=&#8221;4&#8243; post_type=&#8221;post&#8221; order_by=&#8221;rand&#8221; order=&#8221;DESC&#8221; is_boxed=&#8221;&#8221; show_date=&#8221;1&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;94&#8243; add_dots=&#8221;yes&#8221; show_read_more=&#8221;&#8221; read_more_style=&#8221;3&#8243; show_pic=&#8221;yes&#8221; img_hover_effect=&#8221;4&#8243; img_cropping=&#8221;cropped&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]Creating custom Responsive\u00a0Post\u00a0Grids 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20333","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/20333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/comments?post=20333"}],"version-history":[{"count":0,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/20333\/revisions"}],"wp:attachment":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/media?parent=20333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}