Theme does not show correct buttons on contact form

Hi,

Your component button does not take the button styles as it does not include the proper class name generated by Artisteer for buttons. It has it's unique class and I suggest you to add such code in the style.css file:

input.wpcf7-form-control.wpcf7-submit 
{
text-decoration: none;
font-size: 14px;
font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #FFFFFF;
margin: 0 5px 0 0 !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
line-height: 43px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 0;
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #3CD3B2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
padding: 0 18px;
margin: 0 auto;
height: 43px;
}

input.wpcf7-form-control.wpcf7-submit:hover 
{
background: #304455;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
padding: 0 18px;
margin: 0 auto;
}

Sincerely,
Hella
BillionDigital Team

Just to add.
There is no need for so much code lines. In CF7 form settings change send button to:

<p>[submit class:btn class:btn-info "Send"]</p>

Thanks, but this is a really old topic

I wrote it for other CF7 Users.

Hi Stagger,

Thank you very much for your help.
We highly appreciate it :)

Thanks,
Ivan