Contact form 7 submit button

[Sabina123]

Hello,
I want to style the submit button from the contact form as a “stroke to fill” transparent button (e.g. http://fusepointe.com/contact/). I am an unexperienced developer; I’ve been trying to find the answer by myself, but without luck.
Thanks.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide the url to your contact form page?

-Rui

[Sabina123]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

input.wpcf7-form-control.wpcf7-submit{
background:#fff !important;
color:#000 !important;
border:2px solid #000;
}

input.wpcf7-form-control.wpcf7-submit:hover{
background:#009DDF !important;
color:#fff !important;
border:none;
}

Thanks
Mohammad

[Sabina123]

Hey,

Thanks for the reply, but the custom CSS you sent me didn’t work. The single thing that changed is the text color (now it’s black).

Can you help me out? Thanks.

[Kyle – SUPPORT]

Try adding this to your custom css:

input[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"], .gform_wrapper input[type="submit"], .mymail-form input[type="submit"] {
  background: none repeat scroll 0 0 transparent !important;
  border: 2px solid #efefef;
}
input[type="submit"]:hover, .wpcf7 input.wpcf7-submit[type="submit"]:hover, .gform_wrapper input[type="submit"]:hover, .mymail-form input[type="submit"]:hover {
  border-color: #2e2e36;
}

– Kyle

[Sabina123]

It is working now, thanks a lot!

[Kyle – SUPPORT]

No problem

– Kyle