Support » Plugin: Contact Form 7 » Have label under checkbox

  • I need to have the four lines of checkboxes stay on one line and not overflow to a second line. But there are so many checkboxes, it happens when the screen size is too small. Is there a way I can prevent the overflow and have each row of checkboxes stay on the same line, regardless of screen size?
    Or possibly, have the label for each box under the checkbox?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi


    CF7 stylesheet is loaded after theme stylesheet, so we need to add the “!important” tag to make it work.

    span.wpcf7-list-item { display: block !important; }

    Right – I saw this before – but I am not looking to make the checkbox list vertical. I’m looking to have the label underneath the checkbox so that everything can fit on one line. OR – have some type of code that keeps it all on one line. (I have four separate lines of checkboxes but two of them wrap to a second line when the screen size changes).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Have label under checkbox’ is closed to new replies.