How to Increase Height of DIVI Slider using CSS

I found this very helpful on a couple of occassions now.

Note: that this will change the height of the Divi slider on all pages with a slider – just change the two occurrences of “425px” with your desired height.

I’ve used “top: 25%” to display the slide titles 1/4 of the way down the slide (so that all slide titles appear in the same place). Increase this if you want the slide titles and descriptions to be moved lower down the slide.

Add the following text to CSS section in DIVI theme options:

@media only screen and ( min-width:981px ) {
/* Set the slider height */
.et_pb_slider, .et_pb_slider .et_pb_container {
height: 1425px !important;
}
.et_pb_slider, .et_pb_slider .et_pb_slide {
max-height: 1425px;
}
.et_pb_slider .et_pb_slide_description {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
}

Source: https://divibooster.com/changing-the-height-of-the-divi-slider/

Related posts:

How to Add Tap to Call Buttons & Links Fix for Duplicated Site Name after Page Title How to Apply a Tap to Call Hyperlink 2018 Stackmail DKIM Setup: Fix Emails Bouncing Back from Gmail, Outlook, and Hotmail etc