Enfold Widget Nav Menu

Is there any way to remove the padding from the menu link when i’m using the Widget > Navigation Menu.
At the moment the menu items in the footer column 3 using the widget have too much spacing between the vertical menu page lists.

I used google chrome developer tools inspector below to view the padding issues i’m having but wanted to know how i can make all the padding items zero and add to the custom css ?
When I copy the following from google chrome developer window into custom css it does not work?

(copied from google chrome developer window)
.widget_nav_menu a {
display: block;
padding: 4px 0px 5px 0;
text-decoration: none;
}