Theme does not show correct buttons on contact form

siteso
53 Posts
siteso posted this 17 November 2014

For this website http://goo.gl/PwL73o,

the contact form is not showing the correct buttons (verzenden = send)

what to do to correct this

For this website http://goo.gl/PwL73o, the contact form is not showing the correct buttons (verzenden = send) what to do to correct this
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 18 November 2014

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

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
Stagger Lee
1818 Posts
Stagger Lee posted this 05 August 2015

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>

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>
siteso
53 Posts
siteso posted this 06 August 2015

Thanks, but this is a really old topic

Thanks, but this is a really old topic
Stagger Lee
1818 Posts
Stagger Lee posted this 06 August 2015

I wrote it for other CF7 Users.

I wrote it for other CF7 Users.
Support Team
Support Team posted this 07 August 2015

Hi Stagger,

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

Thanks,
Ivan

Hi Stagger, Thank you very much for your help. We highly appreciate it :) Thanks, Ivan
You must log in or register to leave comments