Comments Nicolas started the conversationMarch 24, 2020 at 4:48pmHi, maybe it is something very basic that I am asking but it has been a real headache. How can I resize the images displayed on the carousel image slider? I have tried using 200px images but the carousel enlarges them. 2,075Support repliedMarch 24, 2020 at 11:33pmHi Nicolas,try playing with the number of visible items at one time on different resolutions in /js/scripts.js$('.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 } } });a complete list of the carousel options:https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.htmlhard refresh the page after making the cjhanges (Ctrl+F5)Thank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioNicolas repliedMarch 25, 2020 at 1:58amI made the changes to the scripts.js file but it apparently didn't work, the carousel continues to show only three items 2,075Support repliedMarch 28, 2020 at 4:38pmJust checked you js/scripts.js file and it seems you haven't made any changes:https://d.pr/free/i/jjClr0Please replace it with: $('.carousel').owlCarousel({ loop:true, margin:20, autoHeight:false, navSpeed: 600, nav:true, responsive:{ 0:{ items:1 }, 479:{ items:2 }, 1024:{ items:2 }, 1466:{ items:2 } } });Thank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Sign in to reply ...
Hi, maybe it is something very basic that I am asking but it has been a real headache.
How can I resize the images displayed on the carousel image slider? I have tried using 200px images but the carousel enlarges them.
Hi Nicolas,
try playing with the number of visible items at one time on different resolutions in /js/scripts.js
$('.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
}
}
});
a complete list of the carousel options:
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
hard refresh the page after making the cjhanges (Ctrl+F5)
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
I made the changes to the scripts.js file but it apparently didn't work, the carousel continues to show only three items
Just checked you js/scripts.js file and it seems you haven't made any changes:
https://d.pr/free/i/jjClr0
Please replace it with:
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio