Definite Infra

Carousel

[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”]

Navigation Dots and Arrows

[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”]

Auto Rotation with Centered Item

[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″]

Custom Navigation Arrows

[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”]

Continual Rotation

[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”]

Slide and Fade Animations

[us_separator]
[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″]
[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”]

Auto Width

The width of each item depends on the aspect ratio of its image. Requires a Grid Layout with a specified height.

[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”]

Slide by Several Items

[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”]

Auto Height

[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″]