Contact Form 7
[resolved] Tighter vertical list spacing (4 posts)

  1. chappie
    Posted 12 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 {

    Can anyone please point me in the right direction? TIA.


  2. chappie
    Posted 12 months ago #

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

  3. karlenehamilton@gmail.com
    Posted 11 months ago #

    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.:-)

  4. esmi
    Forum Moderator
    Posted 11 months ago #

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


You must log in to post.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic