Carousels

Carousel Shortcodes

You can build carousels with Porto Carousel, Carousel Item, Ultimate Addons Advanced Carousel shortcodes.

Default

[porto_carousel show_nav=”yes”]

[/porto_carousel]

Navigation Arrows No Background

[porto_carousel stage_padding=”40″ margin=”10″ items=”6″ items_lg=”4″ items_md=”3″ items_sm=”2″ items_xs=”1″ show_nav=”yes” nav_type=”nav-style-1″]

[/porto_carousel]

Show Navigation on Hover

[porto_carousel stage_padding=”0″ show_nav=”yes” show_nav_hover=”yes”]

[/porto_carousel]

Navigation on Title

[porto_carousel stage_padding=”0″ show_nav=”yes” nav_pos=”show-nav-title”]

[/porto_carousel]

Navigation Inside

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_nav=”yes” el_class=”nav-inside”]

[/porto_carousel]

Navigation Inside Arrows No Background

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_nav=”yes” nav_type=”nav-style-2″ el_class=”nav-inside”]

[/porto_carousel]

Basic

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_dots=”yes” loop=”yes”]

[/porto_carousel]

Animation (FadeOut)

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_dots=”yes” loop=”yes” animate_out=”fadeOut”]

[/porto_carousel]

Center

[porto_carousel stage_padding=”0″ margin=”10″ items=”4″ items_lg=”3″ items_md=”3″ items_sm=”2″ items_xs=”1″ show_dots=”yes” loop=”yes” center=”yes”]

[/porto_carousel]

Max Items for Each Resolution

[porto_carousel stage_padding=”0″ items=”3″ items_lg=”3″ items_md=”2″ show_dots=”yes”]

[/porto_carousel]

Multiple Items

[porto_carousel stage_padding=”0″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_dots=”yes” loop=”yes”]

[/porto_carousel]

Auto Play

[porto_carousel stage_padding=”0″ margin=”0″ autoplay=”yes” autoplay_timeout=”5000″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_dots=”yes” loop=”yes”]

[/porto_carousel]

Rounded Navigation

[porto_carousel stage_padding=”40″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_nav=”yes” nav_type=”rounded-nav” loop=”yes”]

[/porto_carousel]

Navigation Bottom

[porto_carousel stage_padding=”0″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_nav=”yes” nav_pos=”nav-bottom” loop=”yes”]

[/porto_carousel]

Navigation Bottom Rounded

[porto_carousel stage_padding=”0″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_nav=”yes” nav_pos=”nav-bottom” nav_type=”rounded-nav” loop=”yes”]

[/porto_carousel]

Center Active Item

[porto_carousel stage_padding=”0″ margin=”0″ autoplay=”yes” autoplay_timeout=”5000″ items=”7″ items_lg=”5″ items_md=”3″ items_sm=”3″ items_xs=”1″ loop=”yes” center=”yes” el_class=”carousel-center-active-item”]

[/porto_carousel]

Inside Text

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_dots=”yes” dots_pos=”nav-inside” loop=”yes” el_class=”m-r-md m-b-xs pull-left owl-inside-carousel” animate_out=”fadeOut”]

[/porto_carousel]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.

Full Width

[porto_carousel stage_padding=”0″ margin=”0″ items=”5″ show_nav=”yes” nav_type=”big-nav”][porto_image_frame type=”hover-style” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg”][/porto_image_frame][porto_image_frame type=”hover-style” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/porto_image_frame][porto_image_frame type=”hover-style” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/porto_image_frame][porto_image_frame type=”hover-style” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg”][/porto_image_frame][porto_image_frame type=”hover-style” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg”][/porto_image_frame][porto_image_frame type=”hover-style” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg”][/porto_image_frame][porto_image_frame type=”hover-style” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/porto_image_frame][/porto_carousel]

Videos

[porto_carousel stage_padding=”0″ items=”4″ items_md=”4″ show_dots=”yes” loop=”yes” center=”yes” video=”yes” merge=”yes” mergefit=”yes”][porto_carousel_item type=”video” merge_items=”3″ video_url=”http://vimeo.com/67957799″ label=””][/porto_carousel_item][porto_carousel_item type=”video” video_url=”https://www.youtube.com/watch?v=oNBBijn4JuY” label=””][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”2″ video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY” label=””][/porto_carousel_item][porto_carousel_item type=”video” video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”2″ video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”3″ video_url=”https://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”2″ video_url=”https://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][/porto_carousel]