Customize And Build This Divi Theme Footer In Just 30 Minutes – Step By Step Divi Tutorial 2020

In this tutorial, I’ll guide you step by step through the process of customizing and building a custom footer area for your Divi website. Including menus, social follow links, subscribe form and more! 

The Code

Simply copy / paste the CSS code below into your Divi theme stylesheet and edit the colours and fonts marked as needed to suit your brand.

.footer_links {
font-size: 18px;
font-family: ‘geomanistregular’; /*— Change this to the font you wish to use—*/

.footer_links li {
line-height: 1.6em;

.footer_links li a {
color: #a2aab0!important; /*— Change this to edit link colour in natural state—*/
transition: all .2s ease-in-out;

.footer_links li a:hover { 
color: #fb4138!important; /*— Change this to edit link colour in hover state—*/

#footer-bottom {
display: none;

The Plugins

The plugins used during this tutorial are linked below, just click the buttons to access ( don’t worry, the links open in a new tab! )


Submit a Comment

Your email address will not be published. Required fields are marked *