Make Sidebar Widget menus more compact

Add this code to via a custom css plugin or in your child theme style.css file:

.sidebar .widget_nav_menu ul li a {
   padding: 0;
   border-bottom: none;
}

Thanks! That worked nicely BUT I’ve lost my hierarchy (child pages were indented)

I just had a play around with that. If I remove the “padding: 0” then it removes the borders and the hierarchy isn’t affected. As soon as I try to add the line for the padding, the hierarchy disappears. It doesn’t matter what figure I use for the padding.

I’d like to do the same thing for the categories widget, too.

I tried using the above code but replacing it with .widget_categories. It didn’t work.