Lists format in widget area

Hello,
When I add lists in widget area using <ul> tags in a text widget, some lines appear in between the list items.
1- How do I remove these lines?
2- Also how do I change/reduce the vertical spacing between list items?
Thanks

 

Hello,

1. For your first issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.sidebar ul li {
border-bottom: none;
}

This will remove the underlines appear in between the list items of widget area.

2. For your second issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.sidebar ul li {
padding: 4px 0;
}

Adjust the value of padding as per your requirement.
This will solve your issue.

 

That's perfect. It works...!
Thank you for the great support.