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

  1. chappie
    Posted 1 year 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 1 year ago #

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

  3. karlenehamilton@gmail.com
    Posted 1 year 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 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

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

About this Topic