So I tried adding
span.wpcf7-list-item { display: block; }
to my css file and nothing changed for any of my forms.
Do I replace “wpcf7-list-item” with the id I gave the check boxes? Or can I add a class to the tag to specify the check boxes?
Thanks for your quick reply!
Think I figured out the problem. I was putting the code at the very end of the css, so it never loaded.
Though it’s doing it for all the list items. Is there a way to specify that you only want one block of boxes and the rest can stay inline?
Yes. Add a class to the checkbox
form-tag and change the style to this:
span.the-class-you-add span.wpcf7-list-item { display: block; }
I am having this same issue.
I am using WordPress 3.5.1, Contact Form 7, and Jump Mobi Inspire theme.
I tried putting this line of code into the CSS file:
span.wpcf7-list-item { display: block; }
But, that doesn’t have any effect.
I am still getting the checkboxes on one line and the corresponding labels are coming out on the next line below the checkboxes.
I want the the checkboxes and labels to be on the same line, with checkboxes first, then labels, in a block.