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.
Just awesome! Work perfectly
Thanks for the info. Been trying to solve this issue for quite a while. Now works perfectly.
Kind Regards
Hi! Thanks for the insight. This is very helpful. However, the problem now is that this actually makes my Header menu fullwidth as well! There is no space between my logo or menu items and the side of the screen. Any way to get around this?
Since the latest updates in Divi, I find that I no longer need to use this particular fix. You might want to consider using the NEW Divi Theme Builder with Advanced Custom Fields feature instead and build a custom page design that way! Total game changer!
Hmm, a decent fix for one page, but I’d like to be able to have my users create new posts of that type and have the behavior default to this.
You might want to consider using the Divi Theme Builder with Advanced Custom Fields feature instead and build a custom page design that way!
It works Great!
So simple and powerful. Expands the layout the moment we paste the code.
Thank you so much.
Glad you found it useful! Thanks so much for reading.