How to Make Divi Blog Posts Full-Width by Default

by SMacNov 17, 2015Efficiency, For VA's, Tips & Tricks6 comments

Since I’ve recently switched to the Divi theme myself, I wanted an easy way to make all of my existing blog posts full-width instead of with the old sidebar. At first it looked like I’d have to change each one to full-width manually, bummer! But then I came across this quick solution:

All you have to do is add this code to your Theme Options in the custom css section:

.single-post .container:before {
display: none!important;
}

.single-post #left-area {
width: 100% !important;
}

That’s it! Super duper!

6 Comments

John on March 26, 2016 at 12:13 pm

Hey, thanks for this! I’ve been trying to figure this out for hours. Your css works, but the page still displays the vertical line that separates the content are from the sidebar area. would you know how to additionally remove this line?

Thank you!

will on February 15, 2017 at 8:56 pm

THANKS , THANKS, THANKS! One entire day trying to figure out this, deleting sidebar.php, modifying css, and a lot of things more without success, and you with this tiny code solved my entire problem!
thanks again!