By default, the sidebar on your blog pages has a 1-pixel grey vertical line dividing the sidebar and your main content. Whilst this looks clean and works well to separate the two areas of content you may not want to have it, or you may want to edit how it looks.

To remove or edit this dividing line you will need to add some custom CSS targeting the divider into your Theme Options Custom CSS or into your child themes style.css stylesheet file.

You will need to target the class #main-content .container:before, so to remove the line altogether you can add the following CSS into your Divi Theme options custom CSS box or into your child themes style.css stylesheet;

#main-content .container:before {
width: 0;
}
remove divi sidebar divider line
 

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close