Divi Carousel Maker

Documentation & Support

Docs » Divi Carousel Maker » Design Settings

Design Settings for the Divi Carousel Maker Plugin by Pee Aye Creative

Design Settings

Overview

In this guide, you will learn everything you need to know about the carousel design settings and how they work. You can also choose to highlight the left, center, or right module in the carousel and design the default and highlighted modules differently to make one stand out from the others. You can adjust all the design settings like spacing, borders, box shadows, background color, opacity, blur, and size for all the modules. The design settings can all be found with the other carousel settings in Row settings>Column settings>Carousel tab in the Design Settings toggle. You should also check out the design settings demo to get some inspiration, or download our free layouts in the demo site to give you a quick start!

Pee Aye Creative Icons 5

View Live Demo

Pee Aye Creative Icons 29

View Settings List

design settings tabs in the Divi Carousel Maker plugin

Common

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. 

highlighed module left center right setting in the Divi Carousel Maker plugin

Equalize Module Height

This feature allows you to make all the modules in your carousel appear at the same height, even if the content inside each module is different. To achieve this effect, you will need to set some design settings like border, background color in the carousel. Remember, this is about making the slides in the carousel equal height, not about making the actual module height the same. So even if the modules are different heights, the design settings on the carousel make it appear to be the same.

equalize module height setting in the Divi Carousel Maker plugin

Default

The Default tab has settings that will affect all the modules by default, or if the highlighted module setting is used, it will affect the modules that are not highlighted. This includes settings for spacing, background color, opacity, blur, size, borders, and box shadows. These will affect all modules that are not highlighted. If you are not using any highlighted module, this Default tab will affect all slides.

Default Module Spacing

The spacing settings allow you to adjust the margin and padding on each default and non-highlighted module within the carousel. The Module Spacing is like margin around the outside of each slide, and the Module Padding is like padding around the inside of each slide.

module spacing and padding setting in the Divi Carousel Maker plugin

Default Module Background Color

This color picker is used to set the background color of the default and non-highlighted modules within the carousel. You can use this to replace the background color within each of the modules within the carousel, and instead set it here. You may need to adjust the background colors to transparent in the actual modules when using this setting.

default module background color settings in the Divi Carousel Maker plugin
default module opacity setting in the Divi Carousel Maker plugin
default module blur setting in the Divi Carousel Maker plugin
default module size setting in the Divi Carousel Maker plugin

Default Module Border Settings

The border settings allow you to add and adjust the border applied to all the default and non-highlighted modules. This includes the normal features like border radius, color, width, and style.

default module border settings in the Divi Carousel Maker plugin

Default Module Box Shadow Settings

The border settings allow you to add and adjust the box shadow for all the default and non-highlighted modules. This includes all the standard box shadow settings like horizontal and vertical position, blur and spread strength, color, and position. 

default module box shadow settings in the Divi Carousel Maker plugin

Highlighted

The Highlighted tab is only used if you are using the highlighted module setting. These settings will only affect the highlighted module. This includes settings for spacing, background color, opacity, blur, size, borders, and box shadows.

Highlighted Module Spacing

The highlighted spacing settings allow you to adjust the margin and padding for the highlighted module within the carousel. The Module Spacing is like margin around the outside of each slide, and the Module Padding is like padding around the inside of each slide.

highlighted module spacing and padding setting in the Divi Carousel Maker plugin

Highlighted Module Background Color

This color picker is used to set the background color of the highlighted module within the carousel. You can use this to set a different background color than the other default modules.

highlighted module background color settings in the Divi Carousel Maker plugin
highlighted module opacity setting in the Divi Carousel Maker plugin
highlighted module blur setting in the Divi Carousel Maker plugin
highlighted module size setting in the Divi Carousel Maker plugin

Highlighted Border Settings

The border settings allow you to add and adjust the border applied to the highlighted module. This includes the normal features like border radius, color, width, and style.

highlighted module border settings in the Divi Carousel Maker plugin

Highlighted Module Box Shadow Settings

The box shadow settings allow you to add and adjust the box shadow for the highlighted module. This includes all the standard box shadow settings like horizontal and vertical position, blur and spread strength, color, and position. 

highlighted module box shadow settings in the Divi Carousel Maker plugin

Last updated Feb 2, 2023 @ 9:02 pm

0

Your Cart