WEB ELEMENT

CAROUSEL

Our theme comes with several carousel sliders to display your images. Recent Work works directly with your portfolio posts, Client Carousel is used to display client logos or images, and the Image Carousel is perfect for random images that need to be displayed on your site.

Recent Work Carousel

The recent work carousel can be used inside of column shortcodes to control the size.

Use Carousels With Columns

The recent work carousel can be used inside of column shortcode to control the size. By default it will display all categories of portfolio posts. Users can specify that only a specific category is displayed instead of all categories, which gives you full control over what posts are seen by viewers.

Client Carousel

The client carousel can be used inside of column shortcodes to control the size.

The client logo carousel can be used in column shortcode. And its perfect to display client logos that link directly to projects on your site, or to an external page. There is also a “linktarget” attribute that allows you to select how the link will open.

Image Carousel

The image carousel can be used inside of column shortcodes to control the size.

Use Carousels With Columns

The image carousel can be used in column shortcode. And its perfect to display client logos that link directly to projects on your site, or to an external page. There is also a “linktarget” attribute that allows you to select how the link will open.

Complete Set of Options 

That’s not all, see below for the every option included with the blog shortcode.

  • Picture Size = fixed = width and height will be fixed
    auto = width and height will adjust to the image.
  • Hover Type = Select the hover effect type.
  • Autoplay = Choose to autoplay the carousel.
  • Maximum Columns = Select the number of max columns to display.
  • Column Spacing = Insert the amount of spacing between items without ‘px’. ex: 13.
  • Scroll Items = Insert the amount of items to scroll. Leave empty to scroll number of visible items.
  • Show Navigation = Choose to show navigation buttons on the carousel.
  • Mouse Scroll = Choose to enable mouse drag control on the carousel. IMPORTANT: For easy draggability, when mouse scroll is activated, links will be disabled.
  • Border = Choose to enable a border around the images.
  • Image lightbox = Show image in lightbox.
  • CSS Class = Add a class to the wrapping HTML element.
  • CSS ID = Add an ID to the wrapping HTML element.
  • Image Website Link = Add the url to image’s website. If lightbox option is enabled, you have to add the full image link to show it in the lightbox.
  • Link Target = _self = open in same window
    _blank = open in new window
  • Image = Upload an image to display.
  • Image Alt Text = The alt attribute provides alternative information if an image cannot be viewed.