Archived topic
Footer widget line-height
7 replies · Started by Martin on September 9, 2018
For some reason, I'm not able to control footer-widget line height. When I adjust it in Chrome DevTools, it works. But when I add it to the additional CSS it doesn't.
Any suggestions?
Hi there,
can you confirm which elements you need to increase the spacing? Is it the line-height on the paragraphs and lists?
Let me know
I'm able to increase line-height, but I'm not able to decrease it.
I'm interested in decreasing line height in Footer Widget 1 (because some of the menu items wrap, and it would be nice to tighten them up to differentiate them from the next menu item), and also in Footer Widget 4 (which is is just a short Custom HTML text block.
Try this:
.widget ul li {
line-height: 1.2em;
margin-bottom: 15px;
}
.widget .textwidget span {
line-height: 1.2em;
}Added some bottom margin to the List to create a clear divide. Let me know.
The ul worked for the menu.
As for the text in footer widget 4, I actually want less than 1 em line-height, but can't seem to get it to do it. I can increased the line-height, but when I try to set it to something like .7em, it won't go.
Aah my bad - the span won't deal with line-height. If you add a display: block; property to it ( or use a DIV instead) then it should work.
That worked! Thank you so much, I greatly appreciate it.
You're welcome :)
