Okay
  Public Ticket #2336808
carousel elements size
Closed

Comments

  • Nicolas started the conversation
    March 24, 2020 at 4:48pm

    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.

  •  1,799
    Support replied
    March 24, 2020 at 11:33pm

    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

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Nicolas replied
    March 25, 2020 at 1:58am

    I made the changes to the scripts.js file but it apparently didn't work, the carousel continues to show only three items

  •  1,799
    Support replied
    March 28, 2020 at 4:38pm

    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:


                $('.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

    https://www.clapat.com/

    Review Envato Item Support Policy