How to Extend Footer to Bottom on Divi Theme

by | Last Updated: Dec 6, 2016 | Blog, Divi theme

Have you ever had a problem with your Divi footer not displaying at the bottom of your page? Especially if that particular page had little content?

 

Footer Extend to Bottom

 

If yes, I have a quick solution to this problem: What I do in such cases is to set the background color of my Divi website to the same color as my footer (bottom bar) has. This way there won’t be any white space below your footer. If you have not changed the color of your bottom bar, just set #171717 as the background color of your website in the WordPress customizer (in General Settings > Background). This is the default Divi footer color, so it will blend in nicely with it.

And don’t worry, if you set your background color to e.g. dark gray, your website’s main background areas will not have this color. They will stay white. Because the page builder sections have the white color set as their default background color.

Also, if you don’t know how to edit the default Elegant Themes text links in your footer, check my other tutorial on how to do this.

Bloom Email Opt In Plugin

Disclosure: This website is not owned by Elegant Themes. Some of the links on this website are affiliate links. That means that I will get paid a commission if you use them. This however does not influence my opinions, as I'm personally using these products and am satisfied with them.
Share This