Controlling line height for a wrapping menu item in sidebar

[DanL]

DanL

March 23, 2015 at 3:31 pm

How do I reduce the space between lines for a menu item in a sidebar that is wrapping?

Look at:

*Login to see link

Bottom right hand corner of the page (bottom if right sidebar) contains a menu with the following items:

News
District Newsletter – Third District Today (TDT)
Calendar of Events
Vi Blogger

You’ll notice that the first sub-item (District Newsletter – Third District Today (TDT)) wraps because it is long, and there is a ton of space (equal to that of the other menu items) between the wrapped lines. I want to shrink that space so that the wrapped item’s lines are closer together and appear more “natural”.

You can see an example of this in the main menu (secondary menu within the theme) across the top of the page. If you drop-down the News menu, you can see how District Newsletter – Third District Today (TDT) wraps nicely without excess space between the wrapped lines. (I tried setting the line-height for the sidebar widget menu element, but it just seems to ignore it. I was able to change the font size, etc. so I know I was affecting the correct element, but it just ignored line-height.)

I look forward to the answer!