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.

set Divi slider height

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.

  • Height
    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.

  • Width
    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.

 

5 2 votes
Article Rating