Where can I see the page?
An example can be found here.
So where have you put the span.wpcf7-list-item { display: block; } in?
Sorry it’s taken me so long to reply, I’ve been traveling for work.
It is pasted in my style.css which looks like the following:
/*
File Name: style.css
Theme Name: RT-Theme 10
Author: Tolga Can
Version: 1.0.1
Author URI: http://themeforest.net/user/stmcan
Description: Theme designed by <a href="http://themeforest.net/user/stmcan">stmcan</a>
Tags: Corporate, Product, Business
*/
span.wpcf7-list-item { display: block; }
It will be reset when you update the plugin.
@h00ters – the link you mention is IMHO a very inappropriate way to address this issue. Others reading this post should NOT follow this approach. As Takayuki points out – this solution will stop working if you update the Contact Form 7 plugin (as you should regularly).
This is a CSS styling issue. You should not be hacking the plugin code like this. You certainly don’t need to do it to solve this issue.
See Styling Contact Form for a general explanation of styling CF7 forms using CSS. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.
Use Firebug or Chrome Dev Tools to to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.
