By default, the checkboxes in Contact Form 7 appear in one single line one after the other, a behaviour we rarely would like to see. In worst case, we even get a checkbox at the end of the line and its text in a new line. No way I’d say:
Fortunately, it is very easy to grant each checkbox its own line. All we need to do is to assign display:block to the respective element:
1 |
span.wpcf7-list-item {display: block;} |
That’s it, now all the checkboxes appear in their own line:
Time has passed and you found it meanwhile working by default in the actual version of Contact Form 7? Any other feedback? Please share your comment.
Many thanks ! This save me a lot 😊🤙
Thanks !
It works like a charm for checkboxes AND radio buttons.
Super Dominique, enjoy :D