Carousels

Home / Visual Composer / Carousels

[vc_row][vc_column width=”1/1″][vc_text_separator title=”Image Carousel (No Margins)” title_align=”separator_align_left” style=”two” margin_bottom=”20px” element_type=”div”][vcex_image_carousel style=”no-margins” item_width=”230″ min_slides=”1″ max_slides=”4″ items_scroll=”1″ auto_play=”true” timeout_duration=”5000″ arrows=”true” thumbnail_link=”lightbox” custom_links_target=”_self” img_width=”500″ img_height=”350″ image_ids=”3082,3081,3083,3084,3086,3085,3087,3089″ img_crop=”yes” img_hover_style=”grow” items=”4″ items_margin=”15″ infinite_loop=”true” center=”false” title=”false” title_type=”title” caption=”false” tablet_items=”3″ mobile_landscape_items=”2″ mobile_portrait_items=”1″][vcex_spacing size=”40px”][vc_text_separator title=”Image Carousel” title_align=”separator_align_left” style=”two” margin_bottom=”20px” element_type=”div”][vcex_image_carousel item_width=”230″ min_slides=”1″ max_slides=”4″ items_scroll=”1″ auto_play=”true” timeout_duration=”5000″ arrows=”true” thumbnail_link=”custom_link” custom_links_target=”_blank” img_width=”500″ img_height=”500″ image_ids=”3745,3740,3739,3738,3736,3732,3722,3721″ custom_links=”http://www.wpexplorer.com,http://www.wpexplorer.com,http://www.wpexplorer.com,http://www.wpexplorer.com,http://www.wpexplorer.com,http://www.wpexplorer.com,http://www.wpexplorer.com,http://www.wpexplorer.com” img_hover_style=”fade-in” infinite_loop=”true” items=”4″ items_margin=”15″ center=”false” title=”false” title_type=”title” caption=”false” tablet_items=”3″ mobile_landscape_items=”2″ mobile_portrait_items=”1″][vcex_spacing size=”40px”][vc_text_separator title=”Centered Image Carousel” title_align=”separator_align_left” style=”two” margin_bottom=”20px” element_type=”div”][vcex_image_carousel style=”no-margins” item_width=”230″ min_slides=”1″ max_slides=”4″ items_scroll=”1″ auto_play=”true” timeout_duration=”5000″ arrows=”true” thumbnail_link=”lightbox” custom_links_target=”_self” img_width=”500″ img_height=”350″ image_ids=”2815,2814,2828,2818,2817,2829″ img_crop=”yes” img_hover_style=”grow” items=”4″ items_margin=”15″ infinite_loop=”true” center=”true” title=”false” title_type=”title” caption=”false” tablet_items=”3″ mobile_landscape_items=”2″ mobile_portrait_items=”1″][vcex_spacing size=”40px”][vc_text_separator title=”Sample Portfolio Carousel” title_align=”separator_align_left” style=”two” margin_bottom=”20px” element_type=”div”][vcex_portfolio_carousel style=”default” term_slug=”all” count=”6″ order=”DESC” orderby=”date” item_width=”230″ min_slides=”1″ max_slides=”3″ items_scroll=”1″ auto_play=”true” timeout_duration=”4000″ arrows=”true” thumbnail_link=”post” img_crop=”false” img_width=”500″ img_height=”350″ title=”true” excerpt=”true” excerpt_length=”15″ img_overlay_disable=”yes” infinite_loop=”true” items=”4″ items_margin=”20″ center=”false” overlay_style=”plus-hover” custom_excerpt_trim=”true” tablet_items=”3″ mobile_landscape_items=”2″ mobile_portrait_items=”1″][vcex_spacing size=”40px”][vc_text_separator title=”Sample Staff Carousel” title_align=”separator_align_left” style=”two” margin_bottom=”20px” element_type=”div”][vcex_staff_carousel style=”default” term_slug=”all” count=”8″ order=”DESC” orderby=”date” item_width=”230″ min_slides=”1″ max_slides=”4″ items_scroll=”1″ auto_play=”true” timeout_duration=”4000″ arrows=”true” thumbnail_link=”post” img_crop=”false” img_width=”500″ img_height=”500″ title=”true” excerpt=”false” excerpt_length=”30″ items=”4″ items_margin=”25″ infinite_loop=”true” center=”false” overlay_style=”none” custom_excerpt_trim=”true” tablet_items=”3″ mobile_landscape_items=”2″ mobile_portrait_items=”1″ img_hover_style=”grow” content_alignment=”center”][/vc_column][/vc_row][vc_row bg_style=”stretch” parallax_style=”fixed-repeat” parallax_direction=”up” parallax_speed=”0.5″ video_bg_overlay=”none”][vc_column width=”1/1″][vc_column_text]

Regarding Carousels

  • The theme includes image, staff, portfolio, blog and WooCommerce carousel options
  • You can have as many as you want on a page (but less is always better for loading times)
  • The Carousels will actually render in the Visual Composer front-end editor for easy editing
  • You can choose between default or no-margins style
  • You  can enable the title or description for staff, portfolio, blog and WooCommerce carousels

[/vc_column_text][/vc_column][/vc_row]