This is an example of using Nitro Carousel on your live site.

There are 2 ways to setup Nitro Carousel for your content block: add Nitro Carousel and add elements into the carousel, or enable “Slider” on each existing content block.

 

Use Nitro Carousel

Below is a Nitro Carousel on Visual Composer.

In order to display a carousel on your live site, you have to add content elements and configure Nitro Carousel.

 

Add content elements

This Nitro Carousel contains various single images. To display a content element on your live site, just add or drag it into this Nitro Carousel. You can also edit, remove, duplicate, change order of each single element.

 

Configure Nitro Carousel

Click here to open settings for Nitro Carousel.

Here are all settings for Nitro Carousel.

• Amount of items displayed at a time
• Autoplay
• Navigation
• Pagination
• Gutter width

 

Amount of items displayed at a time

Here you can enter total amount of items displayed at a time on your browser’s width.

For example, whether I expand or collapse the browser’s window, there are still 4 items in Post Carousel.

Autoplay

Check Enable Autoplay if you want to your Nitro Carousel to automatically scroll.

Navigation

To enable navigation on your Nitro Carousel, check Enable Navigation.

Pagination

To display pagination on your Nitro Carousel, check Enable Pagination.

Gutter width

Here you can change the space between your 2 items on Nitro Carousel.

 

 

Enable “Slider” on each content block

Another way to use Nitro Carousel is to enable “Slider” on existing content blocks.

To enable “Slider” for this content block, you have to open settings for that content block on Visual Composer.

Then on settings for this content block, check Enable Slider. Then you can see “Slider Settings” tab.

Move on to “Slider Settings” tab. Here is where you can configure your Nitro Carousel. All settings on this tab are the same as on Nitro Carousel element.