{"id":21058,"date":"2015-02-06T08:29:47","date_gmt":"2015-02-06T08:29:47","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/fortuna_export\/?page_id=21058"},"modified":"2015-02-06T08:29:47","modified_gmt":"2015-02-06T08:29:47","slug":"image-carousels","status":"publish","type":"page","link":"https:\/\/i3s.uk.com\/pro\/sideritalia\/image-carousels\/","title":{"rendered":"Image Carousels"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]Fortuna WordPress Theme features a fully customizable Image Carousel Visual Composer Element that you can use to display your visuals in a fancy and user friendly way. Check some of this useful element&#8217;s features as well as some examples below.[\/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;]Total 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;]How many Items will 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;]Item Spacing (<strong>3 Presets<\/strong>)[\/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 Types (<strong>Arrows\/Dots\/Both<\/strong>)[\/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 Positions with different styles(<strong>Top\/Side<\/strong>)[\/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\/Animation Speed\/Loop Carousel options[\/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;]Set custom Links or Lightbox links for your images[\/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;]Manage Image Sizes[\/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;]Hover Effects (<strong>4 Presets<\/strong>)[\/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;]Set Image Alt\/Title attributes[\/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][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1428095567980{margin-bottom: 0px !important;border-top-width: 1px !important;border-bottom-width: 0px !important;padding-top: 50px !important;padding-bottom: 40px !important;background-color: #f9f9f9 !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}&#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; 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; full_width=&#8221;stretch_row&#8221; disable_on_mobile_img_parallax=&#8221;off&#8221;][vc_column width=&#8221;1\/1&#8243;][boc_img_carousel items_visible=&#8221;5&#8243; items_slided=&#8221;1&#8243; spacing=&#8221;25&#8243; navigation=&#8221;Arrows&#8221; arrows_position=&#8221;side&#8221; autoplay=&#8221;yes&#8221; autoplay_interval=&#8221;4000&#8243; speed=&#8221;500&#8243; loop=&#8221;&#8221; img_link=&#8221;none&#8221; target=&#8221;_self&#8221; fixed_size=&#8221;&#8221; show_img_title=&#8221;&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21643,21644,21645,21646,21647,21648,21649,21650,21651,21652&#8243; img_hover_effect=&#8221;2&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;80px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;center&#8221; color=&#8221;#333333&#8243; background=&#8221;bgr_multidotted&#8221; margin_top=&#8221;20px&#8221; margin_bottom=&#8221;20px&#8221; subheading=&#8221;&#8221;]Client &amp; <b>Partners<\/b>[\/boc_heading][boc_img_carousel items_visible=&#8221;5&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Both&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; speed=&#8221;250&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; img_link=&#8221;none&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;&#8221; show_img_title=&#8221;yes&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21116,21127,21117,21122,21126,21118,21120,21124,21128,21125&#8243; spacing=&#8221;50&#8243; fixed_size=&#8221;&#8221; img_hover_effect=&#8221;2&#8243; arrows_position=&#8221;top&#8221;][boc_spacing height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1430244976514{border-top-width: 1px !important;border-bottom-width: 1px !important;padding-top: 80px !important;padding-bottom: 80px !important;background-color: #f9f9f9 !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}&#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;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;center&#8221; color=&#8221;#333333&#8243; margin_top=&#8221;20px&#8221; subheading=&#8221;&#8221;]Some <strong>Cool<\/strong> Images[\/boc_heading][boc_divider divider_width=&#8221;100px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;1px&#8221; divider_color=&#8221;#eeeeee&#8221; margin_top=&#8221;24px&#8221; margin_bottom=&#8221;42px&#8221; icon_position=&#8221;center&#8221; icon_color=&#8221;#e53788&#8243; icon_bg=&#8221;#ffffff&#8221; icon_bg_border=&#8221;#ffffff&#8221; icon_size=&#8221;13px&#8221; icon_padding=&#8221;12px&#8221;][boc_img_carousel items_visible=&#8221;3&#8243; items_slided=&#8221;1&#8243; spacing=&#8221;0&#8243; navigation=&#8221;Arrows&#8221; arrows_position=&#8221;top&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; speed=&#8221;250&#8243; loop=&#8221;&#8221; img_link=&#8221;lightbox&#8221; target=&#8221;_self&#8221; fixed_size=&#8221;yes&#8221; img_hover_effect=&#8221;2&#8243; show_img_title=&#8221;yes&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21195,21194,21193,20927,20924,22134&#8243; css_classes=&#8221;no_bgr_top_arrows&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;70px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;center&#8221; color=&#8221;#333333&#8243; margin_top=&#8221;20px&#8221; subheading=&#8221;&#8221;]Some more <strong>Client<\/strong> Logos[\/boc_heading][boc_divider divider_width=&#8221;200px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;1px&#8221; divider_color=&#8221;#eeeeee&#8221; margin_top=&#8221;24px&#8221; margin_bottom=&#8221;42px&#8221; icon_position=&#8221;center&#8221; icon_color=&#8221;#e53788&#8243; icon_bg=&#8221;#ffffff&#8221; icon_bg_border=&#8221;#ffffff&#8221; icon_size=&#8221;13px&#8221; icon_padding=&#8221;12px&#8221; icon=&#8221;icon icon-heart3&#8243;][boc_img_carousel items_visible=&#8221;4&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Arrows&#8221; autoplay=&#8221;yes&#8221; autoplay_interval=&#8221;6000&#8243; speed=&#8221;1000&#8243; loop=&#8221;yes&#8221; auto_height=&#8221;&#8221; img_link=&#8221;lightbox&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;&#8221; show_img_title=&#8221;yes&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21117,21127,21116,21122,21126,21118,21120,21124,21128,21125&#8243; spacing=&#8221;50&#8243; fixed_size=&#8221;&#8221; img_hover_effect=&#8221;1&#8243; arrows_position=&#8221;side&#8221;][boc_spacing height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1430246280348{border-top-width: 1px !important;border-bottom-width: 1px !important;padding-top: 80px !important;padding-bottom: 80px !important;}&#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;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;center&#8221; color=&#8221;#333333&#8243; margin_top=&#8221;20px&#8221; subheading=&#8221;&#8221;]Some <strong>Cool<\/strong> Images[\/boc_heading][boc_divider divider_width=&#8221;100px&#8221; divider_position=&#8221;center&#8221; divider_height=&#8221;1px&#8221; divider_color=&#8221;#eeeeee&#8221; margin_top=&#8221;24px&#8221; margin_bottom=&#8221;42px&#8221; icon_position=&#8221;center&#8221; icon_color=&#8221;#e53788&#8243; icon_bg=&#8221;#ffffff&#8221; icon_bg_border=&#8221;#ffffff&#8221; icon_size=&#8221;13px&#8221; icon_padding=&#8221;12px&#8221;][boc_img_carousel items_visible=&#8221;4&#8243; items_slided=&#8221;1&#8243; spacing=&#8221;0&#8243; navigation=&#8221;Arrows&#8221; arrows_position=&#8221;top&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; speed=&#8221;250&#8243; loop=&#8221;&#8221; img_link=&#8221;lightbox&#8221; target=&#8221;_self&#8221; fixed_size=&#8221;yes&#8221; img_hover_effect=&#8221;2&#8243; show_img_title=&#8221;yes&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21195,21194,21193,20927,20924,22134&#8243; css_classes=&#8221;no_bgr_top_arrows&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;40px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;center&#8221; color=&#8221;#bbbbbb&#8221; background=&#8221;bgr_dotted&#8221; margin_top=&#8221;20px&#8221; subheading=&#8221;&#8221;]Fortuna Heading Text[\/boc_heading][boc_img_carousel items_visible=&#8221;5&#8243; items_slided=&#8221;1&#8243; navigation=&#8221;Both&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; speed=&#8221;250&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; img_link=&#8221;none&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;&#8221; show_img_title=&#8221;yes&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21116,21127,21117,21122,21126,21118,21120,21124,21128,21125&#8243; spacing=&#8221;50&#8243; fixed_size=&#8221;&#8221; img_hover_effect=&#8221;9&#8243; arrows_position=&#8221;top&#8221;][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_column_text]Fortuna WordPress Theme features a fully customizable Image Carousel Visual Composer Element that you can use to display your visuals in a fancy and user friendly way. Check some of this useful element&#8217;s features as well as some examples below.[\/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; [&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-21058","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/21058","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=21058"}],"version-history":[{"count":0,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/21058\/revisions"}],"wp:attachment":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/media?parent=21058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}