The Divi 3.0.89 update removed a class from the Social Follow module which broke the custom styling in the Ventura global footer layout.


To fix this issue, find this section in the stylesheet:



/*Global Footer Styling*/


/*Footer Social Media Follow*/

.ds-social-follow {
    border-left: 1px solid #EEEEEE;
}

.ds-social-follow .et_pb_social_media_follow li a.icon.rounded_rectangle {
    width: 65px;
    height: 65px;
    margin: 5px;
    background-color: #43BFB4 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 50%;
    -webkit-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    transition: background-color .7s ease;
}

@media only screen and (max-width:1024px) {
    .ds-social-follow {
        padding-left: 2% !important;
    }
}

@media only screen and (max-width:1024px) and (max-height: 1366px) {
    .ds-social-follow {
        padding-left: 0% !important;
    }
}

@media only screen and (max-width: 980px) {
    .ds-social-follow {
        max-width: 40%;
    }
}

@media only screen and (max-width: 768px) {
    .ds-social-follow {
        max-width: 60%;
    }
}

@media only screen and (max-width: 480px) {
    .ds-social-follow {
        max-width: 80%;
    }
}

@media only screen and (max-width: 378px) {
    .ds-social-follow {
        max-width: 90%;
    }
}

.ds-social-follow .et_pb_social_media_follow li a.icon.rounded_rectangle:hover {
    background-color: transparent!important;
}

.ds-social-follow .icon.rounded_rectangle a {
    background-color: #43BFB4;
}

.ds-social-follow .et_pb_social_media_follow li a.icon:before {
    line-height: 65px !important;
    width: 65px;
    height: 65px;
    -webkit-transition: color .5s, font-size .5s;
    -moz-transition: color .5s, font-size .5s;
    transition: color .5s, font-size .5s;
}

.ds-social-follow .et_pb_social_media_follow li a.icon:hover:before {
    color: #43BFB4;
    font-size: 55px;
}



And replace it with this:


/*Global Footer Styling*/


/*Footer Social Media Follow*/

.ds-social-follow {
    border-left: 1px solid #EEEEEE;
}

/*Updated 20/02/18*/
.ds-social-follow .et_pb_social_media_follow li a.icon {
    width: 65px;
    height: 65px;
    margin: 5px;
    background-color: #43BFB4 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 50%;
    -webkit-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    transition: background-color .7s ease;
}

@media only screen and (max-width:1024px) {
    .ds-social-follow {
        padding-left: 2% !important;
    }
}

@media only screen and (max-width:1024px) and (max-height: 1366px) {
    .ds-social-follow {
        padding-left: 0% !important;
    }
}

@media only screen and (max-width: 980px) {
    .ds-social-follow {
        max-width: 40%;
    }
}

@media only screen and (max-width: 768px) {
    .ds-social-follow {
        max-width: 60%;
    }
}

@media only screen and (max-width: 480px) {
    .ds-social-follow {
        max-width: 80%;
    }
}

@media only screen and (max-width: 378px) {
    .ds-social-follow {
        max-width: 90%;
    }
}

/*Updated 20/02/18*/
.ds-social-follow .et_pb_social_media_follow li a.icon:hover {
    background-color: transparent!important;
}

/*Updated 20/02/18*/
.ds-social-follow .icon a {
    background-color: #43BFB4;
}

.ds-social-follow .et_pb_social_media_follow li a.icon:before {
    line-height: 65px !important;
    width: 65px;
    height: 65px;
    -webkit-transition: color .5s, font-size .5s;
    -moz-transition: color .5s, font-size .5s;
    transition: color .5s, font-size .5s;
}

.ds-social-follow .et_pb_social_media_follow li a.icon:hover:before {
    color: #43BFB4;
    /*font-size: 55px;*/ /*Removed 20/02/18*/
}



If you have changed the Venture colours to match your brand, you will need to update the colour references in this new CSS.


Applies to V1.1, fixed in V1.2.