Adjust Height of Map in Divi

Question

Was hoping to increase the height of the google map module in Divi but my CSS code is not working and do not understand why. I am pasting the following code within Advanced > Custom CSS > Main Element of the Map Module

.et_pb_map {
     height: 440px;
}

Any suggestions would be very useful!

Answer 1

Absolute Map for Divi Theme

1. Add the following CSS in the Row Settings/ Custom CSS/ Column "1" Main Element (column number is where you will put the map):

    position:relative;

2. Add a Class to Map Module. In this example the CSS Class is absolute_map Add the following CSS in the Custom CSS box:

.absolute_map .et_pb_map {
    position: absolute;
    overflow:visible;
    height: 100%; 
}

3. Be happy!