[vc_row color_scheme=”primary” gap=”” columns=”1″][vc_column][us_post_title tag=”h1″ align=”center” css=”%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%2C%22text-transform%22%3A%22uppercase%22%2C%22font-size%22%3A%22calc%281rem%20+%208vw%29%22%2C%22line-height%22%3A%220.8%22%2C%22letter-spacing%22%3A%220.25em%22%7D%7D”][/vc_column][/vc_row][vc_row columns=”1″][vc_column][vc_column_text]
Navigation Dots and Arrows
[/vc_column_text][us_separator][us_carousel items_layout=”blog_9″ items_gap=”5px” carousel_loop=”1″ items=”3″ arrows=”1″ dots=”1″ responsive=”%5B%7B%22breakpoint%22%3A%22mobiles%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%221%22%2C%22items_offset%22%3A%220px%22%2C%22center_item%22%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A0%2C%22autoplay%22%3A0%2C%22arrows%22%3A1%2C%22dots%22%3A1%7D%5D”][/vc_column][/vc_row][vc_row width=”full” columns=”1″][vc_column][vc_column_text]
Auto Rotation with Centered Item
[/vc_column_text][us_separator][us_carousel post_type=”us_portfolio” items_quantity=”15″ items_layout=”portfolio_12″ items_gap=”px” items=”4″ items_offset=”60px” center_item=”1″ autoplay=”1″ autoplay_timeout=”2.5s” transition_timing_function=”cubic-bezier(0,1,.8,1)” responsive=”%5B%7B%22breakpoint%22%3A%22tablets%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%222%22%2C%22items_offset%22%3A%220px%22%2C%22center_item%22%3A1%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22autoplay%22%3A1%2C%22arrows%22%3A0%2C%22dots%22%3A0%7D%2C%7B%22breakpoint%22%3A%22mobiles%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%221%22%2C%22items_offset%22%3A%220px%22%2C%22center_item%22%3A1%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22autoplay%22%3A1%2C%22arrows%22%3A0%2C%22dots%22%3A0%7D%5D” carousel_loop=”1″][/vc_column][/vc_row][vc_row columns=”1″][vc_column][vc_column_text]
Custom Navigation Arrows
[/vc_column_text][us_separator][us_carousel post_type=”product” items_layout=”shop_modern” items_gap=”0.5rem” items=”4″ arrows=”1″ arrows_style=”26″ arrows_size=”1.2rem” arrows_offset=”-3.5rem” items_offset=”50px” autoplay=”1″ responsive=”%5B%7B%22breakpoint%22%3A%22tablets%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%223%22%2C%22items_offset%22%3A%220px%22%2C%22center_item%22%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22autoplay%22%3A1%2C%22arrows%22%3A1%2C%22dots%22%3A0%7D%2C%7B%22breakpoint%22%3A%22mobiles%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%221%22%2C%22items_offset%22%3A%220px%22%2C%22center_item%22%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22autoplay%22%3A1%2C%22arrows%22%3A1%2C%22dots%22%3A0%7D%5D”][/vc_column][/vc_row][vc_row columns=”1″][vc_column][vc_column_text]
Continual Rotation
[/vc_column_text][us_separator][us_carousel ignore_sticky=”1″ items_quantity=”20″ items_layout=”blog_2″ carousel_loop=”1″ items=”5″ autoplay=”1″ autoplay_continual=”1″ responsive=”%7B%221%22%3A%7B%22breakpoint%22%3A%22laptops%22%2C%22items%22%3A%224%22%2C%22items_offset%22%3A%220px%22%2C%22autoplay%22%3A1%2C%22arrows%22%3A0%2C%22dots%22%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22center_item%22%3A0%7D%2C%222%22%3A%7B%22breakpoint%22%3A%22tablets%22%2C%22items%22%3A%223%22%2C%22items_offset%22%3A%220px%22%2C%22autoplay%22%3A1%2C%22arrows%22%3A0%2C%22dots%22%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22center_item%22%3A0%7D%2C%223%22%3A%7B%22breakpoint%22%3A%22mobiles%22%2C%22items%22%3A%222%22%2C%22items_offset%22%3A%220px%22%2C%22autoplay%22%3A1%2C%22arrows%22%3A0%2C%22dots%22%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22center_item%22%3A0%7D%7D”][/vc_column][/vc_row][vc_row columns=”1″][vc_column][vc_column_text]
Slide and Fade Animations
[/vc_column_text][us_separator][vc_row_inner columns=”2″][vc_column_inner width=”1/2″][us_carousel post_type=”us_portfolio” items_layout=”portfolio_4″ items_gap=”” items_ratio=”3×2″ overriding_link=”post” items=”1″ arrows=”1″ arrows_style=”block” arrows_pos=”inside” transition_speed=”300″][/vc_column_inner][vc_column_inner width=”1/2″][us_carousel post_type=”us_portfolio” items_layout=”portfolio_4″ items_gap=”px” items_ratio=”3×2″ overriding_link=”post” items=”1″ transition_animation=”fade” arrows=”1″ arrows_style=”block” arrows_pos=”inside” responsive=”%5B%7B%22breakpoint%22%3A%22mobiles%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%221%22%2C%22items_offset%22%3A%220px%22%2C%22center_item%22%3A%220%22%2C%22autoheight%22%3A%220%22%2C%22loop%22%3A%220%22%2C%22autoplay%22%3A%220%22%2C%22arrows%22%3A%220%22%2C%22dots%22%3A%220%22%7D%5D”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row columns=”1″ width=”full” el_id=”auto-width”][vc_column][vc_column_text]
Auto Width
The width of each item depends on the aspect ratio of its image. Requires a Grid Layout with a specified height.
[/vc_column_text][us_separator][us_carousel post_type=”attachment” items_quantity=”12″ items_layout=”9002″ items=”auto” arrows=”1″ arrows_style=”block” arrows_size=”2rem” orderby=”post__in” images=”8254,8253,8554″ items_gap=”5px” transition_speed=”500ms” arrows_pos=”inside”][/vc_column][/vc_row][vc_row columns=”1″][vc_column][vc_column_text]
Slide by Several Items
[/vc_column_text][us_separator][us_carousel post_type=”us_testimonial” items_quantity=”12″ items_layout=”7461″ items=”3″ arrows=”1″ arrows_style=”23″ arrows_size=”2rem” slide_by_one=”0″ transition_timing_function=”cubic-bezier(.78,.13,.15,.86)” dots=”1″ dots_style=”dash”][/vc_column][/vc_row][vc_row width=”custom” width_custom=”770px” columns=”1″][vc_column width=”1/1″][vc_column_text]
Auto Height
[/vc_column_text][us_separator][us_carousel post_type=”us_testimonial” items_layout=”testimonial_6″ items_gap=”px” items=”1″ autoheight=”1″ arrows=”1″ arrows_style=”block” arrows_size=”2rem” arrows_offset=”2rem” responsive=”%5B%7B%22breakpoint%22%3A%22mobiles%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%221%22%2C%22items_offset%22%3A%220px%22%2C%22center_item%22%3A0%2C%22autoheight%22%3A1%2C%22loop%22%3A1%2C%22autoplay%22%3A1%2C%22arrows%22%3A0%2C%22dots%22%3A0%7D%5D” autoplay=”1″][/vc_column][/vc_row]