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: [email protected]
You can also checkout more Divi tutorials below.
Get FREE Divi tutorials and layouts each month!
Join 400+ Divi enthusiasts and level up your web design game!
More articles
Why it’s important to keep your WordPress website up-to-date
Updating a WordPress website is often overlooked. Many businesses think they just need to set up the website once and forget about it. But this is not correct. Let’s look at why it’s important to keep your WordPress installation up to date. Exposure to Security Risk...
30 Lawyer websites for Web Design inspiration 2020
If you’re looking for inspiration for a law firms website, you’ve come to the right place! I’ve done the hard work for you and collected what I think are some of the best lawyer websites out there. If you think I’ve missed any, leave a comment below and I’ll add it to...
Web Design Inspiration Websites – The Ultimate List (35+)
As a web designer I spend a lot of my time scouring the web for inspiration. When working on client projects I used to just search "industry" + "location" into google (e.g. "architects london"), and go through all the websites on the first few pages. But this wasn't...