Select Page

I don’t know about you but just about every site I build with Divi I end up setting my header full-width as it the style I tend to like but the issue for me is that there no option in Divi to do same with the footer.

Today I’m going to show you in a very short tutorial because it pretty simple to do, so let’s get down to the CSS to have a full-width footer.

Let’s first make the bottom bar with our copyright in it full-width

Now let’s make the main footer area full-width, I am assuming you would like this section to be full width as well.

if you made both your footer sections full-width then maybe replace the previous two line of code with just this one line of CSS.

Some your widget might overlap due to the width not being very wide by default so we will add the following to line to make our widgets take up their full-width of it column.

Why use The Divi Framework.


Divi is a leading WordPress theme which powers almost 2 million websites around the world, Divi makes building a website super simple as it has one of the most powerful drag and drop builders for WordPress.

We've been using Divi since December 2013 to help speed up client projects, it has made our workflow 1000% times better and has saved us countless hour everyday.

Divi Stride is a Divi Third Party developer, we spend countless hours building tools and resources for the Divi Community.

We are the creators of Section Style Manager (the 5th Divi Plugin to be released), Divi Commerce & Tighten.