Contact Form 7, wrong lay out and texts

You will probably need to start customising your theme’s CSS – possibly via a child theme.

Do you have any experience with CSS?

Then I’d suggest you try using Firefox with the Firebug add-on for this kind of CSS work.
http://getfirebug.com/

It will help you to identify what CSS is currently being applied to the forum’s inputs and, therefore, what new CSS you need to add to your theme’s stylesheet.

@zynd

In your child theme’s css try adding this:

#commentform p, .wpcf7 p {
    margin-bottom: 32px;
}

@zynd I just looked at your site and I’m not sure where you put the css I suggested but it’s not showing up on your site so you may have put it in the wrong place.

Do you have a child theme? If yes, put the css I suggested in the child theme’s style.css file.

If you don’t have a child theme then open the style.css file in your regular theme and go to line 1734 and replace

#commentform p, .wpcf7 p {
    line-height: 300%;
}

with

#commentform p, .wpcf7 p {
    line-height: 300%;
    margin-bottom: 32px;
}

@zynd I checked your site and actually the code works fine in Firefox but I noticed that there was still a problem in Chrome.

Change the

margin-bottom: 32px;

to

margin-bottom: 34px;

and that should do it.

Sorry ’bout that.