Code by Day | Explore By Weekend

How To Make Divi Buttons Fullwidth Tutorial by Pee Aye Creative

How To Make Divi Buttons Fullwidth

This quick Divi Pro Tip will show you how to make a Divi button fullwidth to fill the width of the column and also how to center the button text.
missing sizing toggle settings in the button module

The steps are quite easy. Go to your Button module settings. Proceed to the Advaned tab and click to open the Custom CSS toggle. Then look for Main Element. That is where you need to past or write the following line of CSS:

width: 100%;
make divi buttons fullwidth

Now you probably notice an issue. The text is not centered. This looks bad to me, so let’s go in and add a second line of CSS to solve that.

make divi buttons fullwidth and centered

Beautiful! It doesn’t get any easier than that, does it! Now your Divi buttons are fullwidth in the column and the text is centered! I hope you enjoyed this little tip!

2
Last updated Jan 3, 2021 @ 12:57 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Recent Posts

Leave A Response!

Subscribe
Notify of
guest
6 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Gio
Gio
7 months ago

Simple but: great!!

Platt Johnson
7 months ago

Works well and makes a cleaner looking page design. Thanks

Ron
Ron
7 months ago

Hi Nelson. Great tip but I miss the text align CSS in your post. In the video you explane it but not in this text of the post. Also live examples do not work.

Shahid Zafar
6 months ago

Thank u so Much, Highly Appreciable!
Love From Pakistan!!! 🙂

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Join over 4,800 others and subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart