I’ve created a contact form using the Contact Form 7 plug in but the button is using the same colour as else where in the site which in this location results in a white on white button. I’ve searched for how to do this and found various instructions about writing css but I’m not a css expert and the instructions don’t seem to fit with the WP/Customeriser interfaces and as a result I haven’t found a way of fixing this yet.

I’d like to be able to set the colour for the button normally as well as the hover colour.

The URL for the relevant page is http://freshstance.co.uk/about-freshstance/

All help appreciated!!

Thanks

Please add the following CSS under Customize -> Custom -> CSS :

input.wpcf7-form-control.wpcf7-submit:hover {
background-color: black;
color: yellow;
}
input.wpcf7-form-control.wpcf7-submit {
background-color: red;
color: blue;
}

Hope it helps.

I also used the following to change the colour of the outer ring on the button.

border-color: #9A989E;

Thanks for your help.

Cheers!

I know that this thread is a bit old but I used this one to change the color – so thanks!

But, I’d like to know how to stretch the “submit” button so it lines up with the same width the fields have.

Please provide us with your website URL so we can take a closer look.

Thank you.