I saw an article answering the question, “how can I get Contact Form 7 to display radio buttons and checkboxes on separate lines instead of all jumbled up”? And, of course, this is a great question and likely asked by … well, you. This would be why you’re here.
Most of the answers I have seen are really complex and not necessarily the best practice in coding so I thought I would share how I do it for myself and those very few clients so fortunate to have me working for them. Ahem.
Log in as admin. Navigate to your list of plugins. Find “Contact Form 7″. Click on the “Edit” link. Look on the right side and find the file that named “STYLES.CSS”. Click on it. This will open it for editing.
Inside of the file scroll down about 2/3s of the way and find the line that reads “span.wpcf7-list-item” and this is where (and the only place) you’re going to edit. See the “before” and “after” images to see what this does and see the “code” image to see how to edit. Don’t forget to save the file after making the change and don’t forget to refresh your form page to see the results.