Spacing between li on sidebar
| Project: | Denver |
| Version: | 5.x-1.x-dev |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Hi,
I would first like to say that your theme is to me the most impressive there is. The Theme Settings API integration is great, and most of the css is very easy to work with. I have one issue that I just can't seem to figure out. I need to reduce the amount of vertical space between links in the sidebars. It looks to me like this setting would be in this class:
ul.menu li, li.leaf {
background: url(images/yellow-grey.gif) no-repeat left;
border: none;
list-style-type: none;
list-style-image: none;
padding: 0px 0 0 10px;
}
but nothing I put for the padding changes it. (I tried doing height, but when I open a collapsible link the ones below get smushed). How can I reduce this space? If you want to see the site, it's at http://www.retn.org/dev/. I'm attaching a screenshot of the page, too, so you can see the left sidebar.
| Attachment | Size |
|---|---|
| denver1.jpg | 35.55 KB |
#1
Hello Emily,
Thank you so much for your kind words and support of the Denver Theme!
Just put this in the Inline CSS field in the theme settings:
#leftsidebar .content {
line-height: 100%;
}
Or use whatever percentage works for your needs.
The vertical spacing is caused by the line-height declaration of 135% in the body section of style.css (which applies to everything inside the body unless you override it as above):
body {
line-height:135%;
}
If you want to change the line spacing for the entire site, then you can change it in the body declaration.
I hope this helps!