If you’re like me, you have a love/hate relationship with the Divi theme. On one end, I love it because of it’s ease of use,  simple interface, and powerful front builder. But sometimes I find myself hitting a road block and thinking “How did you mess this one up, Divi?”

When it comes to back-end organization, I live for custom post types. Custom Post Type UI is a frontliner in my development toolkit, but with great power comes great… frustration. Out of the box, Divi doesn’t support a fully full-width post layout, so it can be quite disappointing to try to load a gorgeous page template just to find out that you’re stuck at a max width of 1080 pixels. For my iMac people out there – yeah, that’s just not going to cut it.

Fortunately, I have a quick CSS fix that will take care of that in no time.

 

This easy fix will not only give you clean, full-width custom post types, but it will also remove that pesky page meta & page title.

Step 1

Make sure you hide the sidebar. In your Divi Page Settings, be sure “No Sidebar” is selected as your option.

Step 2

Paste this code into your Page Custom CSS Settings

.container {
width: 100%;
max-width: 100%;
}
#left-area .post-meta {
display: none;
}
.entry-title {
display:none;
}
#main-content .container {
padding-top: 0;
}
.container.et_menu_container {
max-width: 1080px;
}

There you have it!

Let me know how this works for you in the comments below.