Carousel Sliders

[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][tagline_box backgroundcolor=”#fff” shadow=”yes” border=”1px” bordercolor=”#e8e6e6″ highlightposition=”top” link=”http://themeforest.net/user/ThemeFusion” linktarget=”” button=”” title=”” description=”Avada comes with several carousel sliders to display your images. Recent Work works directly with your portfolio posts, Client Carousel is used to display client logos or images, and the Image Carousel is perfect for random images that need to be displayed on your site. “][/tagline_box]

[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][separator top=”20″]

[title size=”2″]Recent Work Carousel[/title]
[recent_works][/recent_works]

[separator top=”30″ style=”single”]
[fusion_builder_row_inner][fusion_builder_column_inner type=”1_3″ last=”no”]

Use Carousels With Columns

The recent work carousel can be used inside of column shortcodes to control the size. By default it will display all categories of portfolio posts. Users can specify that only a specific category is displayed instead of all categories, which gives you full control over what posts are seen by viewers.[/fusion_builder_column_inner]

[/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes”][separator top=”25″ style=”none”][recent_works][/recent_works][/fusion_builder_column]

[fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][separator top=”50″]

[title size=”2″]Client Carousel[/title]

    [separator top=”30″ style=”single”]
    [fusion_builder_column_inner type=”1_3″ last=”no”]

    Use Carousels With Columns

    The client logo carousel can be used in column shortcodes. And its perfect to display client logos that link directly to projects on your site, or to an external page. There is also a “linktarget” attribute that allows you to select how the link will open.[/fusion_builder_column_inner]

    [/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes”][separator top=”25″ style=”none”]

      [/fusion_builder_column]

      [fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][separator top=”50″]

      [title size=”2″]Image Carousel[/title]

        [separator top=”30″ style=”single”]
        [fusion_builder_column_inner type=”1_3″ last=”no”]

        Use Carousels With Columns

        The client logo carousel can be used in column shortcodes. And its perfect to display client logos that link directly to projects on your site, or to an external page. There is also a “linktarget” attribute that allows you to select how the link will open.[/fusion_builder_column_inner][/fusion_builder_row_inner]

        [/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes”][separator top=”25″ style=”none”]


          [/fusion_builder_column]

          [fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][separator top=”40″]

          [title size=”2″]Features and Customizations[/title]

          [fusion_builder_row_inner][fusion_builder_column_inner type=”1_2″ last=”no”]
          [/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][checklist icon=”check” iconcolor=”light” circle=”yes”]

          • Unlimited use and items per carousel and per page
          • Specify a specific category to display in recent work carousel

          [/checklist]
          [/fusion_builder_column_inner]

          [/fusion_builder_column][fusion_builder_column type=”1_2″ last=”yes”]
          [checklist icon=”check” iconcolor=”light” circle=”yes”]

          • Use with column shortcodes to control the width
          • Set the link target attribute to control how the link opens

          [/checklist]
          [/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]