{"id":20961,"date":"2016-10-04T08:40:15","date_gmt":"2016-10-04T08:40:15","guid":{"rendered":"http:\/\/nativewptheme.net\/shortcodes\/?page_id=20961"},"modified":"2023-03-29T12:30:31","modified_gmt":"2023-03-29T12:30:31","slug":"gallery-carousel","status":"publish","type":"page","link":"https:\/\/nativewptheme.net\/elements\/gallery-carousel\/","title":{"rendered":"Gallery carousel"},"content":{"rendered":"

[vc_row][vc_column][dfd_spacer screen_wide_spacer_size=”80″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”70″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][\/vc_column][vc_column width=”1\/3″ dfd_column_responsive_enable=”dfd-column-responsive-enable” el_class=”dfd_col-tablet-12″ css=”.vc_custom_1474359155455{padding-right: 5% !important;}” offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-12″ responsive_styles=”padding_left_desktop:20|padding_left_tablet:20|padding_right_tablet:20|padding_left_mobile:20|padding_right_mobile:20″][dfd_heading subtitle=”Display your galleries in a noticeable and nice looking tilted carousel. Let the users scroll to see more items.” content_alignment=”text-left” module_animation=”transition.slideLeftBigIn” enable_delimiter=”” title_font_options=”tag:h3|font_size:28|line_height:28|letter_spacing:0″ subtitle_font_options=”tag:div|font_size:15|color:%234c4c4c|line_height:32″ subheading_margin=”margin-top:20″ undefined=”” title_responsive=”font_size_desktop:25|line_height_desktop:25|font_size_tablet:25|line_height_tablet:25|font_size_mobile:25|line_height_mobile:25″]Gallery tilted carousel
\nshortcode[\/dfd_heading][dfd_spacer screen_wide_spacer_size=”20″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_button button_text=”Read documentation” alignment=”text-left” module_animation=”transition.slideLeftBigIn” select_icon=”dfd_icons” border=”border_style:dashed|border_width:1|border_radius:50|border_color:%23d3d3d3″ main_style=”style-3″ buttom_link_src=”url:https%3A%2F%2Fnativewptheme.net%2Ftheme-support%2Fwpbackery%2Fgallery-tilted-carousel|target:_blank” box_shadow=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)” hover_box_shadow=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)” padding_top=”17″ padding_bottom=”17″ ic_dfd_icons=”dfd-socicon-paper” text_color=”#2d2d2d” ic_color=”#232323″ background=”rgba(255,255,255,0.01)” hover_text_color=”#ffffff” hover_ic_color=”#333333″ hover_background=”#3498db” tutorials=”” undefined=””][dfd_spacer screen_wide_spacer_size=”60″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_progressbar percent=”65″ title=”Usage frequency” height_progress_line=”36″ back_line_border=”border_style:none” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” progress_background_color=”#6ac3ff” animate_progress=”anim_progress”][dfd_progressbar percent=”75″ title=”Preset amount” height_progress_line=”36″ back_line_border=”border_style:none” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” progress_background_color=”#49a9e9″ animate_progress=”anim_progress”][dfd_progressbar percent=”94″ title=”Customizability” height_progress_line=”36″ back_line_border=”border_style:none” background_style=”gradient_background” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” animate_progress=”anim_progress” progress_background_gradient=”gradient_style:left|gradient_css:background%3A%20url(data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMzQ5OERCOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFRTM2NTg7IiAvPjwvbGluZWFyR3JhZGllbnQ%2BPC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg%3D%3D)%3B%0Abackground%3A%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop(0%25%2C%20%233498DB)%2C%20color-stop(100%25%2C%20%23EE3658))%3B%0Abackground%3A%20-moz-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-webkit-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-o-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-ms-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B|gradient_value:0%25%20%233498DB%2C100%25%20%23EE3658″][dfd_spacer screen_wide_spacer_size=”0″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][\/vc_column][vc_column width=”2\/3″ dfd_column_responsive_enable=”dfd-column-responsive-enable” el_class=”dfd_col-tablet-12″ css=”.vc_custom_1474360163502{border-left-width: 1px !important;padding-left: 5% !important;border-left-color: #e2e2e2 !important;border-left-style: dashed !important;}” responsive_styles=”padding_right_desktop:20|border_left_tablet:0|padding_left_tablet:20|padding_right_tablet:20|border_left_mobile:0|padding_left_mobile:20|padding_right_mobile:20″ offset=”vc_col-lg-8 vc_col-md-8 vc_col-xs-12″][dfd_heading style=”style_09″ subtitle=”” content_alignment=”text-left” module_animation=”transition.slideRightBigIn” enable_delimiter=”” title_font_options=”tag:h3|font_size:21″ subtitle_font_options=”tag:h6″ undefined=””]Available options[\/dfd_heading][dfd_spacer screen_wide_spacer_size=”20″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_announcement module_animation=”transition.slideRightBigIn” content_announcement=”Default code: `{`dfd_gallery_carousel_module posts_to_show=“6“ items_offset=“5“ gallery_rounded=“6“`}`” select_icon=”fontawesome” ic_fontawesome=”fa fa-code” main_border=”border_style:none” icon_size=”14″ main_style=”style-1″ full_width_background=”show” undefined=””][dfd_spacer screen_wide_spacer_size=”20″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][vc_column_text item_animation=”transition.slideRightBigIn” css_animation=”right-to-left”]Style<\/strong> \u2013 Choose between 2\u00a0preset styles;<\/p>\n

Categories<\/strong>\u00a0\u2013 Select the categories to show;<\/p>\n

Module height<\/strong>\u00a0\u2013 Allows you to set the height for the gallery;<\/p>\n

Galleries to show<\/strong>\u00a0\u2013 Set the number of items to show;<\/p>\n

Items offset<\/strong> \u2013 Allows you to add the space between the gallery items;<\/p>\n

Animation<\/strong> \u2013 Select among 14 appear effects;<\/p>\n

Custom CSS Class<\/strong> \u2013 Type your own unique class name for the item \u2013 this is a useful option for those who want to create a specific style.
\nFor example, you can type custom-style<\/em> class and then go to Theme options -> General Options -> Custom CSS \/ JS -> Custom CSS and write your own CSS code with this class to get your own style;<\/p>\n

Hover<\/strong>\u00a0\u2013 Allows you to enable or disable the hover effect for the galleries items;<\/p>\n

Mask appear effect\u00a0<\/strong>\u2013 Select the hover effect for the mask appearing;<\/p>\n

Image hover effect<\/strong>\u00a0\u2013 Allows you to choose the image behaviour on hover;<\/p>\n

Hover mask settings<\/strong>\u00a0\u2013 Customize the mask style, color,\u00a0opacity, set the color for the content on hover. You can also enable the frame decoration and customize it;<\/p>\n

Hover decoration settings<\/strong>\u00a0\u2013 Allow you to add the main decoration and choose the behaviour for the decoration link;<\/p>\n

Typography<\/strong> \u2013 Select letter spacing, font size and element tag. You can also choose the custom font family.[\/vc_column_text][\/vc_column][\/vc_row][vc_row dfd_row_config=”full_width_content”][vc_column col_shadow=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)” col_shadow_hover=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)”][dfd_spacer screen_wide_spacer_size=”120″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”80″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][vc_row_inner dfd_row_responsive_enable=”dfd-row-responsive-enable” responsive_styles=”padding_left_mobile:20|padding_right_mobile:20″][vc_column_inner][dfd_heading subtitle=”Sample of preset styles without custom changes” module_animation=”transition.expandIn” enable_delimiter=”” title_font_options=”tag:h3″ subtitle_font_options=”tag:div|font_size:14|color:%23606060|line_height:30″ subheading_margin=”margin-bottom:25″ undefined=”” title_responsive=”font_size_tablet:26|font_size_mobile:24″ subtitle_responsive=”font_size_mobile:13|line_height_mobile:26″]Default styles[\/dfd_heading][\/vc_column_inner][\/vc_row_inner][dfd_delimiter delimiter_style=”dfd-delimiter-with-text” text_delimiter=”carousel style” undefined=””][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][vc_row_inner][vc_column_inner][dfd_gallery_carousel_module posts_to_show=”6″ items_offset=”20″ gallery_rounded=”6″ gallery_columns=”4″ carousel_slideshow_speed=”5000″ module_animation=”transition.slideUpBigIn” gallery_hover_main_decoration=”dots” gallery_style=”carousel_skew”][\/vc_column_inner][\/vc_row_inner][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][\/vc_column][\/vc_row][vc_row dfd_row_config=”full_width_content”][vc_column col_shadow=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)” col_shadow_hover=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)”][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”30″][vc_row_inner dfd_row_responsive_enable=”dfd-row-responsive-enable” responsive_styles=”padding_left_mobile:20|padding_right_mobile:20″][vc_column_inner][dfd_heading subtitle=”Variation of style customizations of the shortcode” module_animation=”transition.expandIn” enable_delimiter=”” title_font_options=”tag:h3″ subtitle_font_options=”tag:div|font_size:14|color:%23606060|line_height:30″ subheading_margin=”margin-bottom:25″ undefined=”” title_responsive=”font_size_tablet:26|font_size_mobile:24″ subtitle_responsive=”font_size_mobile:13|line_height_mobile:26″]Customized styles[\/dfd_heading][\/vc_column_inner][\/vc_row_inner][dfd_delimiter delimiter_style=”dfd-delimiter-with-text” text_delimiter=”gradient hover mask” undefined=””][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][vc_row_inner][vc_column_inner][dfd_gallery_carousel_module posts_to_show=”6″ items_offset=”10″ gallery_image_ratio=”2″ gallery_rounded=”6″ gallery_columns=”4″ carousel_slideshow_speed=”5000″ module_animation=”transition.slideUpBigIn” dots_style=”dfdroundedfilled” title_google_fonts=”yes” title_custom_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” gallery_style=”carousel_skew” title_font_options=”line_height:27″ subtitle_font_options=”line_height:15″][\/vc_column_inner][\/vc_row_inner][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][dfd_spacer screen_wide_spacer_size=”80″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”70″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][\/vc_column][vc_column width=”1\/3″ dfd_column_responsive_enable=”dfd-column-responsive-enable” el_class=”dfd_col-tablet-12″ css=”.vc_custom_1474359155455{padding-right: 5% !important;}” offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-12″ responsive_styles=”padding_left_desktop:20|padding_left_tablet:20|padding_right_tablet:20|padding_left_mobile:20|padding_right_mobile:20″][dfd_heading subtitle=”Display your galleries in a noticeable and nice looking tilted carousel.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tmp-page.php","meta":{"footnotes":""},"class_list":["post-20961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/pages\/20961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/comments?post=20961"}],"version-history":[{"count":2,"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/pages\/20961\/revisions"}],"predecessor-version":[{"id":25260,"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/pages\/20961\/revisions\/25260"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/elements\/wp-json\/wp\/v2\/media?parent=20961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}