How to Change Slider Height on Divi Theme

by | Last Updated: Feb 2, 2017 | Blog, Divi theme

Today I’m going to give you a quick tip on how to change the height of the Divi slider module. You may have come into a situation when you created a Divi website with a slider and the size of your slider was just not right. It might be too low or too high. To modify this, just add the following code into the Divi custom CSS field (in your WP admin panel: Divi > Theme Options) or to your child theme’s style.css file:

.et_pb_slider, .et_pb_slider .et_pb_container {
height: 600px !important;
}
.et_pb_slider, .et_pb_slider .et_pb_slide {
max-height: 600px;
}

This code will take care of it. Change the “600px” values with your preferred slider height.

 

How to Change Divi Slider Height

 

Pretty simple, isn’t it? Are you looking for more Divi quick tips? Feel free to email me and let me know about what would you like me to write the next time. Also, don’t forget to opt-in for my email newsletter and I will notify you every time when I publish a new article on this blog.

Bloom Email Opt In Plugin

5 Free WordPress Plugins You Should Use

Disclosure: This website is not owned by Elegant Themes. Some of the links on this website are affiliate links. That means that I will get paid a commission if you use them. This however does not influence my opinions, as I'm personally using these products and am satisfied with them.

Share This