NOTE: The details on this page are being updated for version 1.4, which is coming soon! Some settings may be shown which are not available yet.
In this guide, you will learn everything you need to know about the carousel design settings and how they work. You can make the center module in the carousel stand out from the others to draw attention and focus. When this option is enabled, additional design settings will appear to adjust the size, opacity, and blur of the other modules. The highlight settings can all be found in with the other carousel settings in Row settings>Column settings>Carousel tab in the Highlight Settings toggle. You should also check out the highlight settings demo to get some inspiration, or download our free layouts in the demo site to give you a quick start!
View Live Demo
View Settings List
The Common tab has any shared design settings that affect all the modules in the carousel. This includes the option to highlight a module, make the modules equal height, and adjust the spacing, borders, and box shadows.
Adjust the spacing around the outside of each of the carousel modules. This affects the spacing of each “slide” within the carousel. The default value is set to 10px, but can be adjusted to anything.
This color picker is used to set the background color of the “slides” within the carousel. This essentially replaces the background color of the modules within the carousel, so be sure to adjust the background colors to transparent in the actual modules when using this setting.
The Default tab has any setting related to the modules that are not highlighted. This includes things like spacing, blur, opacity, scale, borders, and box shadows. These will affect all modules that are not highlighted.