This is due to CSS styling applied to standard HTML form elements within your current WordPress theme.
?To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.
?
?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.
?Below is the CSS affecting the height of your send button.
?input[type="submit"], input[type="reset"] {
vertical-align: top;
height: 28px;
}
You may change this by doing
input.wpcf7-submit
{
/* add your rules here */
?}
?
Add your CSS via Child Theme or use custom CSS plugin.
Also see Styling Contact Form for a general explanation of styling CF7 forms using CSS.
?
