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.