Overview #
This guide covers everything about carousel general settings and their functions. These settings help you customize key features such as the display layout, number of slides displayed per device, spacing between slides, slide width, speed, item spacing, auto height etc. You can access these settings alongside other carousel options in the General Settings section under Content > Carousel tab. For inspiration, explore the general settings demo or download free layouts from the demo site for a quick setup!
Change the Carousel Layouts #
This is the main setting that needs to select for how the carousel will show.
- Coverflow carousel.
- Slider
To change the Carousel Layouts, you need to go to the main setting. This setting enables the Coverflow carousel feature. By default, the option is set to “Slider.” You can toggle this setting to switch between different layouts and styles for your carousel.
Number Of Slides Per Device #
In this setting, you can choose the number of carousel columns displayed simultaneously for different device sizes. You can adjust this number individually for Desktop, Tablet, and Phone by accessing the responsive settings. By default, we’ve set 3 slides for Desktop, 2 slides for Tablet, and 1 slide for Phone, which we believe works well. However, you’re free to customize these settings according to your preference.
Carousel Speed (Advanced) #
In the Carousel Speed settings, you can adjust the speed at which the carousel transitions between slides. This setting allows you to control the pace of movement, ensuring a smooth and seamless user experience. Simply modify the speed according to your preference to achieve the desired effect for your carousel.
Carousel Item Spacing #
In the Carousel Item Spacing settings, you can manage the space between each carousel item. This setting lets you control the distance between slides, ensuring they are evenly spaced for a balanced and visually appealing layout. Adjusting this setting allows you to fine-tune the presentation of your content within the carousel without complicating the design.
Carousel Container Spacing #
This setting lets you modify the spacing around the carousel container, controlling the margins, and paddings at the top, bottom, left, and right. It’s useful for adjusting the proximity of navigation arrows and dots to the carousel’s edges, offering flexibility in design layout.
Auto Play Settings #
In the Auto Play Settings, you can set up the carousel to play through slides automatically. This means it moves from one slide to the next without needing someone to click anything.
Center Slider #
In the Center Slider Settings, you can configure the carousel to center the slides on the screen. This means that the active slide will always be positioned in the middle
Auto Height #
In the Auto Height Settings, you can adjust the carousel’s height automatically based on the content of each slide.
Pause On Hover #
In the Pause on Hover Settings, you can choose whether the carousel stops playing automatically when a user hovers their cursor over it.
Extra settings #
- Image Show/Hide
- Name Show/Hide
- Designation Show/Hide
- Content Show/Hide
- Learn More Show/Hide
- Learn More Alignment
Image Show/Hide #
When the “Show” option is selected, all images will be displayed within the carousel, regardless of their individual dimensions. Some module has these options like. Content carousel
Name Show/Hide #
When the “Show” option is selected, all names associated with the carousel items will be displayed. This option you will find in the testimonial and team carousel module
Designation Show/Hide #
When the “Show” option is selected, all designations associated with the carousel items will be displayed.This option you will find in the testimonial and team carousel module
Content Show/Hide #
When the “Show” option is selected, all content associated with the carousel items will be displayed.This option you will find in the Content carousel module
Learn More Show/Hide #
When the “Show” option is selected, the “Learn More” button associated with each carousel item will be displayed. This option you will find in the content carousel module.