701-732-0799

I’ve run into this a couple of times lately… Sometimes you do not want a divider line between your blog post or woocommerce items and the sidebar. I believe elegant themes previously used a border on the left hand side to achieve the same result.. It can be a little hard to identify since they use a before selector now.

Old method to remove the Divi Sidebar Line:

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

How to hide the line between the blog and sidebar DIVI

Add the following code to your child theme:
(If you don’t already have one https://elegantmarketplace.com/child-theme-maker/ )

New Method:

/*--------------------------------*/
/*--[Hide Vertical Sidebar line]--*/
/*--------------------------------*/
@media (min-width: 981px) {
.single #main-content .container:before {
background: none;
}
}

Remove Blog Sidebar in DIVI - and woocommerce sidebar

About Dirt River Design LLC

Dirt River Design is a web design and development company that serves Grand Forks, Devils Lake, Grafton, Crookston and surrounding areas. We specialize in helping companies move their business and advertising online. If you have been thinking about getting a website or need an update please give us a call.

Contact Us