Removing the Divi Theme Dividing Line

Written by Dan Mossop

By default the Divi Theme displays a dividing line between the main content and the sidebar. It's possible to remove this dividing line using CSS, like so:

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

Note that there are two cases in which a dividing line may occur (either on a standard sidebar, or on a sidebar module). This code the line in either case.

Enhance Your Divi Site Beyond Basics

Level up your Divi customization game with Divi Booster. Perfect for users looking to remove dividing lines and much more! Dive into hundreds of features enhancing your design capabilities with ease.

About Dan Mossop

Dan is a Scottish-born web developer, now living in Brisbane with his wife and son. He has been sharing tips and helping users with Divi since 2014. He created Divi Booster, the first Divi plugin, and continues to develop it along with 20+ other Divi plugins. Dan has a PhD in Computer Science, a background in web security and likes a lot of stuff, 

2 Comments

  1. hello. where do i insert that .css ?
    thank you

We may earn a commission when you visit links on our website.