How to make a full width button in Divi

Mar 5, 2019

Divi doesn’t currently allow you to make a button full width with just the settings inside the Divi builder.

Luckily though, it’s very easy to make a full width button with just a little bit of CSS.

All you need to do is add the class “full-width-btn” to your button module custom css class in the advanced tab.

Then add the following CSS to your child theme style.css (or the custom css tab of your Divi Theme Options):

.full-width-btn {
width: 100%;
text-align: center;
}

And that’s it!

If you’d like to see this in action you can see the buttons on the pricing section of my free SaaS Divi template. You can also download the template if you’d like to use the whole thing.

Let me know if you have any questions in the comment section below! Or feel free to drop me an email at: hello@andyhooke.co.uk

You can also checkout more Divi tutorials below.

Get FREE Divi tutorials and layouts each month!