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 put form Name and email fields together on the same line

@noxad As per the Forum Welcome, please post your own topic.

ex. First Name: _____ Last Name: _____
Company Name: ____ Apartment #: ______

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 put text beside form fields or put two fields beside each other .

My ‘send’ button looks like all of the buttons on my site but the ‘reset’ button is different and i”m not sure how to make them the same

There is no styling for the reset button in your theme. I have inspected your form with firebug and provided you with the code that would make your reset button look the same as your submit button.

.wpcf7-form [type="reset"] {
    color: #fff;
    text-transform: uppercase;
    background-color: #87A9BF;
    border-radius: 0.25em;
    font-size: 13px;
    width:58px;
    height: 28px;
​    border: none;
}

Add your CSS via Child Theme or use custom CSS plugin.
​​
See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms.

This is could be due to a JavaScript conflict with either your current WordPress theme or one of the other plugins you are using – see Contact Form 7 Email Issues – there is a link there that covers JavaScript Conflicts.

Problems occurring on only some browsers or devices is relatively common with JavaScript Conflicts.

@cmel101 As per the Forum Welcome, please post your own topic.

After changing the position of reCAPTCHA I can see your form works now. When all fields are entered correctly.

I just tested the form again and I got “Your message was sent successfully. Thanks”.

Hope you are got my email? If not kindly let me know.

The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

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

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

I used firebug to examine your form and here the code that would correct the style of your form.
​​
Correction code:
​

.wpcf7-form .wpcf7-textarea {
    width: 425px;
}
.wpcf7-form .wpcf7-text {
    width: 425px;
}
.wpcf7-form {
    width: 425px;
    margin: 0 auto;
}

Add your CSS via Child Theme or use custom CSS plugin.

You could also try the CF7 Skins plugin, saves time in styling Contact Form 7 forms

Looks like your problem is not directly related to contact form 7, if so then you are probability better of contacting your themes support on this.