Tighter vertical list spacing

  • Resolved chappie

    (@chappie)


    10 years, 7 months ago

    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.

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter chappie

    (@chappie)

    I found the answer. I had to use display:block to make the line-height property work.

    [email protected]

    (@karlenehamiltongmailcom)

    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 https://www.karlenehamilton.com Thanks.:-)

    @[email protected]: 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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tighter vertical list spacing’ is closed to new replies.