{"id":22157,"date":"2015-04-21T09:43:36","date_gmt":"2015-04-21T09:43:36","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/fortuna_export\/?page_id=22157"},"modified":"2015-04-21T09:43:36","modified_gmt":"2015-04-21T09:43:36","slug":"post-carousels","status":"publish","type":"page","link":"https:\/\/i3s.uk.com\/pro\/sideritalia\/post-carousels\/","title":{"rendered":"Post Carousel"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_raw_js]JTNDc2NyaXB0JTIwdHlwZSUzRCUyMnRleHQlMkZqYXZhc2NyaXB0JTIyJTNFJTBBalF1ZXJ5JTI4ZnVuY3Rpb24lMjglMjQlMjklMjAlN0IlMEElMjAlMjAlMjAlMjBqUXVlcnklMjglMjIuY3VzdG9tX21lbnVfNCUyMiUyOS5hZGRDbGFzcyUyOCUyMmN1c3RvbV9tZW51XzYlMjIlMjkucmVtb3ZlQ2xhc3MlMjglMjJjdXN0b21fbWVudV80JTIyJTI5JTNCJTBBJTdEJTI5JTNCJTBBJTNDJTJGc2NyaXB0JTNF[\/vc_raw_js][vc_column_text]Among the most useful\u00a0dynamic elements that Fortuna features there&#8217;s the Post Carousel element that\u00a0is responsive, draggable and fully customizable. Carousel any post type with it, pick from various item style presets (different\u00a0box styles, date styles, customize what elemends to display), pick custom hover image effects (4 Presets to choose from), Arrow navigation position, additional dot navigation management, how many items are in the viewport, scroll speed, custom query for the items etc. Combine the different options and you get a virtually unlimited possible Post Carousel appearance setups. Check out some of the most useful Post Carousel\u00a0options below as well as a few\u00a0examples further below them.[\/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_double&#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;]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][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 viewport \/ how many items to slide at once[\/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;]Navigation options (arrows, dots or both)[\/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;]Arrow navigation position (side or top)[\/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;]Autoplay toggle[\/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;]Autoplay\u00a0speed[\/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;]Loop the slider[\/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;]Limit Total number of items in carousel[\/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_double&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221; css_classes=&#8221;no_text_transform&#8221;]Post <strong>Carousel<\/strong>[\/boc_heading][boc_posts_carousel items_visible=&#8221;3&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Arrows&#8221; arrows_position=&#8221;top&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; post_type=&#8221;post&#8221; order_by=&#8221;date&#8221; order=&#8221;DESC&#8221; exclude_current=&#8221;&#8221; limit=&#8221;9&#8243; 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;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;left&#8221; color=&#8221;#333333&#8243; subheading=&#8221;&#8221; background=&#8221;bgr_dotted&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221; css_classes=&#8221;no_text_transform&#8221;]Post <strong>Carousel<\/strong>[\/boc_heading][boc_posts_carousel items_visible=&#8221;3&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Both&#8221; arrows_position=&#8221;top&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; post_type=&#8221;post&#8221; order_by=&#8221;rand&#8221; order=&#8221;DESC&#8221; exclude_current=&#8221;&#8221; limit=&#8221;6&#8243; is_boxed=&#8221;yes&#8221; show_date=&#8221;0&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;100&#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;4&#8243;][\/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; background=&#8221;bgr_multidotted&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221; css_classes=&#8221;no_text_transform&#8221;]Post <strong>Carousel<\/strong>[\/boc_heading][boc_posts_carousel items_visible=&#8221;4&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Both&#8221; arrows_position=&#8221;top&#8221; autoplay=&#8221;yes&#8221; autoplay_interval=&#8221;6000&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; post_type=&#8221;post&#8221; order_by=&#8221;rand&#8221; order=&#8221;DESC&#8221; exclude_current=&#8221;&#8221; limit=&#8221;8&#8243; is_boxed=&#8221;&#8221; show_date=&#8221;1&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;64&#8243; add_dots=&#8221;yes&#8221; show_read_more=&#8221;&#8221; read_more_style=&#8221;1&#8243; show_pic=&#8221;yes&#8221; img_hover_effect=&#8221;2&#8243; css_items_animation=&#8221;bottom-to-top&#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>Carousel<\/strong>[\/boc_heading][boc_divider divider_width=&#8221;60px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;2px&#8221; divider_color=&#8221;#f3f3f3&#8243; margin_top=&#8221;20px&#8221; margin_bottom=&#8221;40px&#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_posts_carousel items_visible=&#8221;3&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Arrows&#8221; arrows_position=&#8221;side&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; post_type=&#8221;post&#8221; order_by=&#8221;rand&#8221; order=&#8221;DESC&#8221; exclude_current=&#8221;&#8221; limit=&#8221;6&#8243; is_boxed=&#8221;yes&#8221; show_date=&#8221;2&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;84&#8243; add_dots=&#8221;yes&#8221; show_read_more=&#8221;&#8221; read_more_style=&#8221;1&#8243; show_pic=&#8221;yes&#8221; img_hover_effect=&#8221;3&#8243; css_items_animation=&#8221;left-to-right&#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>Carousel<\/strong>[\/boc_heading][boc_divider divider_width=&#8221;60px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;2px&#8221; divider_color=&#8221;#f3f3f3&#8243; margin_top=&#8221;20px&#8221; margin_bottom=&#8221;40px&#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_posts_carousel items_visible=&#8221;3&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Arrows&#8221; arrows_position=&#8221;side&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; post_type=&#8221;post&#8221; order_by=&#8221;rand&#8221; order=&#8221;DESC&#8221; exclude_current=&#8221;&#8221; limit=&#8221;6&#8243; is_boxed=&#8221;&#8221; show_date=&#8221;2&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;150&#8243; add_dots=&#8221;yes&#8221; show_read_more=&#8221;yes&#8221; read_more_style=&#8221;3&#8243; show_pic=&#8221;&#8221; img_hover_effect=&#8221;3&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; bg_type=&#8221;no_bg&#8221; parallax_style=&#8221;vcpb-default&#8221; bg_image_repeat=&#8221;repeat&#8221; bg_image_size=&#8221;cover&#8221; bg_img_attach=&#8221;scroll&#8221; parallax_sense=&#8221;30&#8243; animation_direction=&#8221;left-animation&#8221; animation_repeat=&#8221;repeat&#8221; video_opts=&#8221;&#8221; viewport_vdo=&#8221;off&#8221; enable_controls=&#8221;off&#8221; bg_override=&#8221;0&#8243; disable_on_mobile_img_parallax=&#8221;off&#8221; parallax_content_sense=&#8221;30&#8243; fadeout_start_effect=&#8221;30&#8243; overlay_pattern_opacity=&#8221;80&#8243; overlay_pattern_attachment=&#8221;fixed&#8221; multi_color_overlay=&#8221;&#8221; multi_color_overlay_opacity=&#8221;60&#8243; seperator_type=&#8221;none_seperator&#8221; seperator_position=&#8221;top_seperator&#8221; seperator_shape_size=&#8221;40&#8243; seperator_svg_height=&#8221;60&#8243; seperator_shape_background=&#8221;#ffffff&#8221; seperator_shape_border=&#8221;none&#8221; seperator_shape_border_width=&#8221;1&#8243; ult_hide_row_large_screen=&#8221;off&#8221; ult_hide_row_desktop=&#8221;off&#8221; ult_hide_row_tablet=&#8221;off&#8221; ult_hide_row_tablet_small=&#8221;off&#8221; ult_hide_row_mobile=&#8221;off&#8221; ult_hide_row_mobile_large=&#8221;off&#8221;][vc_column width=&#8221;1\/1&#8243; el_class=&#8221;no_side_padding_in_responsive_column&#8221; css=&#8221;.vc_custom_1427814255720{padding-right: 80px !important;padding-left: 80px !important;}&#8221;][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>Carousel<\/strong>[\/boc_heading][boc_divider divider_width=&#8221;60px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;2px&#8221; divider_color=&#8221;#f3f3f3&#8243; margin_top=&#8221;20px&#8221; margin_bottom=&#8221;40px&#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_posts_carousel items_visible=&#8221;4&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Arrows&#8221; arrows_position=&#8221;side&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; post_type=&#8221;post&#8221; order_by=&#8221;rand&#8221; order=&#8221;DESC&#8221; exclude_current=&#8221;&#8221; limit=&#8221;8&#8243; is_boxed=&#8221;yes&#8221; show_date=&#8221;2&#8243; show_excerpt=&#8221;yes&#8221; excerpt_char_limit=&#8221;84&#8243; add_dots=&#8221;yes&#8221; show_read_more=&#8221;&#8221; read_more_style=&#8221;1&#8243; show_pic=&#8221;yes&#8221; img_hover_effect=&#8221;1&#8243;][boc_spacing height=&#8221;60px&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_raw_js]JTNDc2NyaXB0JTIwdHlwZSUzRCUyMnRleHQlMkZqYXZhc2NyaXB0JTIyJTNFJTBBalF1ZXJ5JTI4ZnVuY3Rpb24lMjglMjQlMjklMjAlN0IlMEElMjAlMjAlMjAlMjBqUXVlcnklMjglMjIuY3VzdG9tX21lbnVfNCUyMiUyOS5hZGRDbGFzcyUyOCUyMmN1c3RvbV9tZW51XzYlMjIlMjkucmVtb3ZlQ2xhc3MlMjglMjJjdXN0b21fbWVudV80JTIyJTI5JTNCJTBBJTdEJTI5JTNCJTBBJTNDJTJGc2NyaXB0JTNF[\/vc_raw_js][vc_column_text]Among the most useful\u00a0dynamic elements that Fortuna features there&#8217;s the Post Carousel element that\u00a0is responsive, draggable and fully customizable. Carousel any post type with it, pick from various item style presets (different\u00a0box styles, date styles, customize what elemends to display), pick custom hover image effects (4 Presets to choose from), Arrow navigation position, additional [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-22157","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/22157","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=22157"}],"version-history":[{"count":0,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/22157\/revisions"}],"wp:attachment":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/media?parent=22157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}