The lines are added by your theme styling the “li” with a bottom border. You need to modify the CSS to prevent this from happening with any lists that appear on your sidebar.
Bev, I edited every line-height (changing 18px to 0px and 1.125rem to 0rem) related to the sidebar to no avail. Any other suggestions. See code below:
/* sidebar lists */
aside ul,
aside ul.list-arrow1,
aside ul.list-arrow2,
aside ul.list-arrow3,
aside ul.list-arrow4 {
list-style: none;
margin: 15px 0;
}
aside ul li {
border-bottom: 0px solid #dedede;
line-height: 18px;
line-height: 1.125rem;
}
/* list styles with images */
ul.list-arrow1,
ul.list-arrow2,
ul.list-arrow3,
ul.list-arrow4 {
list-style: none;
margin: 18px;
}
aside ul.list-arrow1 li,
aside ul.list-arrow2 li,
aside ul.list-arrow3 li,
aside ul.list-arrow4 li {
line-height: 18px;
line-height: 1.125rem;
border-bottom: none;
}
ul.list-arrow1 li,
ul.list-arrow2 li,
ul.list-arrow3 li,
ul.list-arrow4 li {
line-height: 18px;
line-height: 01.125rem;
margin-bottom: 10px;
padding: 0 0 0 30px;
background-image: none;
}
You probably need to add !important to make the rule override the default style.
I have no idea what that means. I am not a programmer. I need a lot more information.
aside ul li { border-bottom: none !important; }
This might be all you need.
That did take the lines out, but did not give me back any real estate – there’s still a larger gap than I prefer between the events. That’s probably a Paragraph issue.