Code by Day | Explore By Weekend

How To Fix The Divi Theme Builder Post Content Module Width Tutorial by Pee Aye Creative

How To Fix The Divi Theme Builder Post Content Module Width

In this Divi tutorial I will show you how to fix the width of the Divi Theme Builder Post Content module when used with the Divi Builder.

What Is The Divi Post Content Module Width Issue

So what exactly is the issue with the content width in the Divi Post Content module? Like I said, it is not a bug. It happens when yo use the Divi Builder to build the page or post content. All rows in Divi are set to a default width, so within the sections of the post or page you are adding rows that are not fullwidth. Again, this does not happen if you use Gutenberg to build the content of the post or page, but only when you use the Divi Builder.

Notice how the row in the Post Content module is so much more narrower than the other items in the image below.

Divi Theme Builder Post Content Module width issue

How To Make The Rows Wider In the Divi Post Content Module

Technically you could adjust the width and max width of all of your rows on any page or post that you know is going to be within a Divi Theme Builder template. But wow, that would get annoying. Why not just solve it once and for all? 

I have a very simple CSS snippet that solves the issue and makes your rows fullwidth automatically. If you are using our free Divi child theme, place this snippet into the style.css file. Otherwise, place this in your Divi>Theme Options>Custom CSS code box. If you need help, check out our complete guide on Where To Add Custom Code In Divi.

/*set the width of the rows inside the Post Content module*/
.et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}

In the image below you can see the instant result. The width issue is solved!

Divi Theme Builder Post Content Module width issue solved

Be sure to watch the video to see this all in action and to see how simple this solution is! We use it on our sites and couldn’t be happier. Let me know in the comments if you enjoyed this!

If you keep putting off learning about the Divi Theme Builder or have tried and need some help, be sure to check our Divi Theme Builder Course! Just look at the reviews 🙂

Divi Theme Builder Course YouTube Thumbnail
3
Last updated Jan 3, 2021 @ 12:46 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
3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Erik
Erik
13 days ago

Nice one
DO you know if there is also a solution for all the annoying top and bottom padding.
when you look at it closely its div within div, within div, within div, within div etc. and most have of these divs have a padding 2 of 4%

Erik
Erik

I do not have a link yet but you can see it in the image i linked

https://imgur.com/a/ewE2KuI

Last edited 11 days ago by Erik

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