The Divi slider module allows you to add content sliders to your Divi website. The module allows you to add text, images, and videos to your slides that can be controlled via left & right navigation arrows or dot navigation. As with all Divi mdules, there are settings to cover all elements of the slider.
You can use the built-in Slider Settings in the modules Design tab to control the height of your slider. There are options to set a value for the height, minimum height, and maximum height. By using these 3 height settings you can have full control over the slider height no matter what content is added to the slider.
Control the height of your Divi slider module
To change the height of your Divi slider you will need to go to the Design tab in the Slider Settings and scroll down to the Height, Min Height, and Max Height settings. These 3 options will allow you to control the height of your slider in different situations.
This sets a static height value for your element. Once set, the height of the element will no longer be determined bu its inner content. Content that exceeds the static height of the element will overflow the element wrapper.
- Min Height
When a minimum height is set, the element will always have a height of at least the amount defined. This superseded smaller static height values. Unlike height, minimum height does not result in content overflow and will allow the height of your element to remain dynamic.
- Max Height
Setting a maximum height will prevent your elements from ever surpassing the defined height value. As your module content increases and surpasses the maximum height, it will overflow the element wrapper.
Control the width of your slider module
You can change the height of the slider module in the same settings. To change the width of your Divi slider you will need to go to the Design tab in the Slider Settings and scroll down to the Width, Min Width, and Max Width settings. These 2 options will allow you to control the width of your slider in different situations. It is also very easy to make a full-width slider using these controls without using the ful-width slider module.
By default, elements will extend the full width of their parent element. If you would like to set a custom static width, you can do so using this option.
- Max Width
Setting a maximum width will prevent your element from ever surpassing the defined width value. Maximum width can be used in combination with the standard width setting. Maximum with supersedes the normal width value.
Thanks Craig! One problem I’m having with the slider height is that the title and description don’t change with the height. For example, they stay the same so end up at the bottom of the slider when I shorten the height. Any solutions for this? Thx!