Support » Plugin: Contact Form 7 » Tighter vertical list spacing

  • Resolved chappie

    (@chappie)


    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://wordpress.org/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • I found the answer. I had to use display:block to 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.:-)

    esmi

    (@esmi)

    Forum Moderator

    @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.

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