Post Carousel

Navigation Dots and Arrows

[us_post_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» loop=»1″ apply_url_params=»1″ source=»all» post_type=»post» ignore_sticky_posts=»0″ order_invert=»1″ quantity=»10″ exclude_past_events=»1″ popup_page_template=»0″ items_ratio_width=»21″ items_ratio_height=»9″ arrows_hor_offset=»10px»]

Auto Rotation with Centered Item

[us_post_carousel post_type=»us_portfolio» items_layout=»portfolio_12″ items_gap=»0px» items=»4″ 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″ next_item_offset=»60px» arrows=»0″ loop=»1″ apply_url_params=»1″ source=»all» ignore_sticky_posts=»0″ order_invert=»1″ quantity=»15″ exclude_past_events=»1″]

Custom Navigation Arrows

[us_product_carousel items_layout=»shop_modern» items_gap=»0.5rem» items=»4″ arrows=»1″ arrows_style=»26″ arrows_size=»1.2rem» 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%2220px%22%2C%22center_item%22%3A0%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%2220px%22%2C%22center_item%22%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22autoplay%22%3A0%2C%22arrows%22%3A0%2C%22dots%22%3A0%7D%5D» next_item_offset=»50px» loop=»1″ arrows_hor_offset=»-2.5rem» apply_url_params=»1″ source=»all» ignore_sticky_posts=»0″ order_invert=»1″ quantity=»10″ exclude_past_events=»1″ popup_page_template=»0″]

Continual Rotation via CSS

[us_post_carousel items_layout=»gallery_default» carousel_loop=»1″ items=»5″ autoplay=»1″ autoplay_continual=»1″ responsive=»%5B%7B%22breakpoint%22%3A%22tablets%22%2C%22breakpoint_width%22%3A%221024px%22%2C%22items%22%3A%224%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%3A0%2C%22dots%22%3A0%7D%2C%7B%22breakpoint%22%3A%22mobiles%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%3A0%2C%22autoheight%22%3A0%2C%22loop%22%3A1%2C%22autoplay%22%3A1%2C%22arrows%22%3A0%2C%22dots%22%3A0%7D%5D» arrows=»0″ loop=»1″ source=»media» post_type=»post» order_invert=»1″ quantity=»20″ exclude_past_events=»1″ popup_page_template=»0″ items_offset=»1″ posts_per_archive_page=»0″ attachment_ids=»8254,8253,8554″ items_gap=»4.5vmax» autoplay_continual_css=»1″ items_valign=»middle» transition_speed=»250ms» mouse_drag=»0″ touch_drag=»0″]

Slide and Fade Animations

[us_post_carousel post_type=»us_portfolio» items_layout=»portfolio_4″ items_gap=»0px» items_ratio=»3×2″ overriding_link=»%7B%22type%22%3A%22post%22%7D» items=»1″ arrows=»1″ arrows_style=»square» transition_speed=»300″ loop=»1″ arrows_ver_pos=»stretch» arrows_hor_pos=»on_sides_inside» apply_url_params=»1″ source=»all» ignore_sticky_posts=»0″ order_invert=»1″ quantity=»10″ exclude_past_events=»1″]

[us_post_carousel post_type=»us_portfolio» items_layout=»portfolio_4″ items_gap=»0px» items_ratio=»3×2″ overriding_link=»%7B%22type%22%3A%22post%22%7D» items=»1″ transition_animation=»fade» arrows=»1″ arrows_style=»square» 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» loop=»1″ arrows_ver_pos=»stretch» arrows_hor_pos=»on_sides_inside» apply_url_params=»1″ source=»all» ignore_sticky_posts=»0″ order_invert=»1″ quantity=»10″ exclude_past_events=»1″]

Auto Width

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

[us_post_carousel post_type=»» items_layout=»9002″ items=»auto» arrows=»1″ arrows_style=»square» arrows_size=»2rem» orderby=»post__in» items_gap=»5px» transition_speed=»500ms» arrows_ver_pos=»stretch» arrows_hor_pos=»on_sides_inside» apply_url_params=»1″ source=»media» ignore_sticky_posts=»0″ attachment_ids=»8254,8253,8554″ order_invert=»1″ quantity=»12″ exclude_past_events=»1″ popup_page_template=»0″ arrows_hor_offset=»-5px»]

Slide by Several Items

[us_post_carousel post_type=»us_testimonial» items_layout=»7461″ items=»3″ arrows=»1″ arrows_style=»square» arrows_size=»2rem» slide_by_one=»0″ transition_timing_function=»cubic-bezier(.78,.13,.15,.86)» dots=»1″ dots_style=»dash» loop=»1″ apply_url_params=»1″ source=»all» ignore_sticky_posts=»0″ order_invert=»1″ quantity=»12″ exclude_past_events=»1″ popup_page_template=»0″]

Auto Height

[us_post_carousel post_type=»us_testimonial» items_layout=»testimonial_6″ items_gap=»0px» items=»1″ autoheight=»1″ arrows=»1″ arrows_style=»square» arrows_size=»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″ loop=»1″ arrows_ver_pos=»stretch» arrows_hor_offset=»2rem» apply_url_params=»1″ source=»all» ignore_sticky_posts=»0″ order_invert=»1″ quantity=»10″ exclude_past_events=»1″]