Hey Florian

look for this bit

$('.carousel').owlCarousel({
loop:true,
margin:20,
autoHeight:false,
navSpeed: 600,
nav:true,
responsive:{
0:{
items:1
},
479:{
items:2
},
1024:{
items:3
},
1466:{
items:3
}
}
});

in /js/scripts.js in Sliders() function and you can set the number of items based on the current resolution width.

That's a bit more complex.

You need to specify a different class name for the specific slider so that you can initialize it separately in /js/scripts.js

$('.specific-carousel').owlCarousel({
loop:true,
margin:20,
autoHeight:false,
navSpeed: 600,
nav:true,
responsive:{
0:{
items:1
},
479:{
items:2
},
1024:{
items:3
},
1466:{
items:3
}
}
});

Best is to take the HTML output of the shortcode for example

<div class="carousel "> ... </div>

change it to:

<div class="specific-carousel "> ... </div>

and then add the modified HTML code to the page content instead of the shortcode.

Hi there, 

after you get the carousel HTML code from the page source, you modify it as recommended and then you add the HTML code to the page content. You need to make the modification to /js/scripts.js as recommended.