How to customize the Contact Form SUBMIT button?

sujai_chand · June 2016

HI,

I wanted to change the contact form button into yellow color with white border and whit text inside. Could you suggest me a way?

Refer- " Contact us for free Salesforce audit!" in the link http://demo.oddcounts.com/c84/index.php/home/cube-demo/

I tried many ways, but unable to make it. Please let me know your suggestion.

Albert · June 2016

Hi,

to change it's color, you need to use an extra css:

.wpcf7-form .wpcf7-submit.wpcf7-form-control { border-color: #FFF !important; color: #FFF !important; background-color: #000 !important; }

AffexMarketing · October 2016

I used this CSS which worked great, I just need to change the text color when hover? How do I do that?

Thanks,

AffexMarketing · October 2016

Here is the page for the contact button http://sonoma.affexmarketing.com/contact/.

I just need to change the text color on hover, from to white to another color.

Thanks,

Albert · October 2016

To change button text color on hover, please use:

.wpcf7-form .wpcf7-submit.wpcf7-form-control:hover { color: #000 !important; }

AffexMarketing · October 2016

Thanks, worked like a charm.

Albert · October 2016

You are welcome

AffexMarketing · December 2016

Can you direct me where to change the form text color? For example I would like "Your name" to be the color black.

Thanks,

Albert · December 2016

Contact Form colors can be changed under Theme options > Colors > Forms section.

Comments