Divi Carousel Maker

Documentation & Support

Design Settings 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 slide in the carousel and design the default and highlighted slides 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 slides. 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!

demo

View Live Demo

Checklist icon with green checkmark on paper.

View Settings List

design settings tabs in the Divi Carousel Maker plugin

General

The General tab has any shared design settings that affect all the slides in the carousel. This includes the option to highlight a slide, make the slides equal height, and adjust the spacing, borders, and box shadows. 

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

Equalize Slide Height

This feature allows you to make all the slides in your carousel appear at the same height, even if the content inside each slide 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 slides by default, or if the highlighted slide setting is used, it will affect the slides that are not highlighted. This includes settings for spacing, background color, opacity, blur, size, borders, and box shadows. These will affect all slides that are not highlighted. If you are not using any highlighted slide, this Default tab will affect all slides.

Default Slide Spacing

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

module spacing and padding setting in the Divi Carousel Maker plugin

Default Slide Background Color

This color picker is used to set the background color of the default and non-highlighted slides within the carousel. You can use this to replace the background color within each of the slides 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 Slide Border Settings

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

default module border settings in the Divi Carousel Maker plugin

Default Slide Box Shadow Settings

The border settings allow you to add and adjust the box shadow for all the default and non-highlighted slides. 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 slide setting. These settings will only affect the highlighted slide. This includes settings for spacing, background color, opacity, blur, size, borders, and box shadows.

Highlighted Slide Spacing

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

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

Highlighted Slide Background Color

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

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 slide. This includes the normal features like border radius, color, width, and style.

highlighted module border settings in the Divi Carousel Maker plugin

Highlighted Slide Box Shadow Settings

The box shadow settings allow you to add and adjust the box shadow for the highlighted slide. 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 June 4, 2024
0

Your Cart