Tighter vertical list spacing
-
I have a form field which produces a list of items with check boxes:
<p><br class="none" />Choose Treatment/s:<br /> [checkbox* chosen-treatment use_label_element "Facial (£40)" "Manicure (£24)" "Pedicure (£29)" "Waxing (£38)" "Make-up (£25)"] </p>…but the items are too widely spaced vertically and I’ve tried every way I can think of to close up the spaces, without success – because I can’t discover what is giving the list-item span a height of 15px. I’ve tried giving the list-item different margins, padding, line-height – and even tried display: none since I would probably be satisfied if I could just ged rid of these spacers altogether. But nothing worked.
My most recent CSS stab in the dark failure looks like:
#wpcf7-f3083-p174-o1 span.wpcf7-list-item { margin-bottom:0px; }Can anyone please point me in the right direction? TIA.
-
I found the answer. I had to use
display:blockto make the line-height property work.I am having a similar issue. The spaces between lines on my poetry page is too large, can anyone help? Spaces between articles are fine but for poetry there’s a large gap between lines. I don’t know anything about coding. I wouldn’t want to change the format of the entire site, just the poetry page. I appreciate any help. My blog is http://www.karlenehamilton.com Thanks.:-)
@karlenehamilton@gmail.com: If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.
This topic has been resolved.
The topic ‘Tighter vertical list spacing’ is closed to new replies.