Add Dividing Line Between Divi Sidebar Widgets

To add a dividing line between the individual widgets in the Divi Theme's sidebar, we can add the following CSS:

#sidebar .et_pb_widget { 
    border-bottom: 1px solid #ddd; 
    padding-bottom: 20px; 
    margin-bottom: 20px; 
#sidebar .et_pb_widget:last-of-type { 

The first part adds a bottom border to each widget (the same color as the vertical sidebar divider), and positions it mid-way between successive widgets. The second part removes the bottom border on the final widget.

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin


  1. Dont work

    • Hey John, I just tested and it's still working on my test site (latest Divi). Is there any chance you're able to share a link so that I can look into why it's not working for you? Cheers!


Submit a Comment

Your email address will not be published. Required fields are marked *