hermitdecrab

You can use Ordered Lists to display multiple fields on a single line

HTML:

<ol class="singleline">
<li> <label for="cf7-phone">Phone: </label> [text cf7-phone id:cf7-phone]</li>
<li> <label for="cf7-mobile">Mobile: </label> [text cf7-mobile id:cf7-mobile]</li>
</ol>

Added to Form section of CF7 interface. Labels are added for improved accessibility.

CSS:

.wpcf7-form ol.singleline {
list-style: none;
margin: 0;
}

.wpcf7-form ol.singleline li{
display: inline-block;
float: left;
margin-right: 10px;
padding-right: 10px;
}

Add via Child Theme or use custom CSS plugin.

Or, you could also use the add-on CF7 Skins Ready to make a 2 column contact form.

The overall size of the form elements is generally controlled by the CSS in your current WordPress theme rather than the “size” you use in the Form section of the CF7. This refers to the size of the standard HTML size attribute which may or may not control overall element size.

If you want to control the width of fields, you can do it by editing the CSS stylesheet in your theme. For details, see Styling Contact Form.

Hi @amandaeve,

It sounds like you are being confused by the licensing page and the cf7skins tab. As the plugin is activated you should be able to use cf7skins within the contact form 7 interface.

Please read this link from the cf7skins knowledge base if you are still confused.

Hi @cccoc,

Sorry about the delay in getting back to you on this. I have checked the link and it no longer works, can you please link me to a location that I can have a look at the form with firebug?

Hi @cccoc

Could you please provide a link to your form, so that I can examine it with Firebug.

@zubo2

You will need to add the fields you want sent by email in the Mail: Message body: section of Contact Form 7 – just as you would with any Contact Form 7 form.

@lovemywp

re: If the email works and you get the contact info to come through, then from a practical point of view, it would be a “5” rating.

cf7skins & contact form 7 works perfectly for me. Also I can’t see how email not sending is a cf7skins issue. So I assume “from a practical point of view, it would be a “5” rating.”

This problem does come up on the contact form 7 help forum and is usually an issue on the users end. There is also a huge amount of documentation on what can cause this issue and how to solve it.

@socialmediafit – you do “have to fill in the email tag” yourself.

When you select a CF7 Skins Template, it’s placed in the form section of the Contact Form 7 interface. You then adjust this to your requirements, adding and deleting or modifying Contact Form 7 field tags as required – as you would with any Contact Form 7 form.

Once you’ve completed your work in the Form section, you then need to add the fields you want sent by email in the Mail: Message body: section of Contact Form 7 – again just as you would with any Contact Form 7 form.

Each field needs to be matched exactly as follows:

In the Form section you might have:
<li> Your Name (required) [text* cf7s-name]</li>

In the Mail: Message body: section you need to use something like:
Name: [cf7s-name]

You need to do this for every field you want sent by email.