So, you are looking to remove the horizontal line dividing the main content and the sidebar on your Divi website? Well, you are at the right place because in this article, I’m going to explain exactly how to remove that line.

By default, Divi theme shows the dividing line. Good news is that the line can be removed using a CSS snippet.

The dividing line may occur in two cases, on the standard sidebar, or on the sidebar module.

How to Remove the Horizontal Divider Line Between Main Content and Sidebar from a Standard Sidebar

/*** Remove the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

How to Remove the Horizontal Divider Line Between Main Content and Sidebar from a Divi Sidebar Module

/*** Remove the divider line between content and sidebar module ***/

.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

That’s it for now. To be able to receive more of these tips. Subscribe to my newsletter.