davmerit

You could consider using Contact Form 7 Skins to style your Contact Form 7 Forms.

You can now use the add-on CF7 Skins Ready to make multiple columns

Can the web host be the reason for not working forms?

Yes, though the plugin successfully sends millions of emails every day, there are a host of issues that can stop or delay emails on both the sending and receiving ends. It depends entirely on your local Server & WordPress configuration. You will need to investigate this issue for your particular local configuration.

See Contact Form 7 Email Issues. Has a comprehensive and detailed article which covers many issues. Most people that work through this information appear to be able to resolve their email sending & receiving issues.

I get things working on localhost… After deploying to production server from localhost, contact forms fail to send messages.

There are a host of issues that can stop or delay emails on both the sending and receiving ends. It depends entirely on your local Server & WordPress configuration. You will need to investigate this issue for your particular local configuration.

See Contact Form 7 Email Issues. Provides a comprehensive and detailed article which covers many issues. Most people that work through this information appear to be able to resolve their email sending & receiving issues.

See Contact Form 7 Email Issues. A comprehensive and detailed article which covers many issues. Most people that work through this information appear to be able to resolve their email sending & receiving issues.

If you find you need more detailed advice, after reading and working through the above links, please include a link to your Contact Form 7 form plus all your input in the Form and Mail sections of the CF7 interface. This should allow others to understand your actual problem and offer a possible solution.

It can be done via custom programing but you would need to be rather skilled at WordPress development using jQuery.

You could have such problems if on_sent_ok is not used properly.

​​See Tracking Form Submissions with Google Analytics.

Also see Contact Form 7 on WordPress with Google Tag Manager

I have inspected the form at the link provided and with the dimension stated in your question. If you can make the width of the email, name and subject fields the same as that of the textarea (message field) the problem would be solved.

Use Firebug or Chrome Dev Tools 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.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

If you find you need more detailed advice, after reading and working through the above link, please reply to the thread and I will have look. 🙂

Find the mail section on the second tab of CF7 user interface

For example the info from the default CF7 form looks like this:

FORM:

Your Name (required)
    [text* your-name]
Your Email (required)
   [email* your-email]
Subject
    [text your-subject]
Your Message
    [textarea your-message]
[submit "Send"]

MAIL:

To:
name@example.com
From:
[your-name] <[your-email]>
Subject:
[your-subject]

MESSAGE BODY:

From: [your-name] <[your-email]>
Subject: [your-subject]
Message Body:
[your-message]