How do you change the 'send' button colour for the contact form?

Dknowlton1

Sorry this may be a simple question but I have spent hours trying to find an answer on the other forums asnd can't find anything!

How do you change the 'send' button colour for the contact form?

Thanks!

Dan

Albert

Hi Dan,

this can be done with custom css. If you will send us url to page where you got this button, we'll tell you how to change color.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Dknowlton1

Thanks  http://kpsdigitalmarketing.co.uk/

Albert

To change it's color, please use below css:

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Stazzz

Hello!

Please tell me how to change colour of input text of cf7 in footer http://www.restaurantinvestor.kz 

Thanks!

Albert

You can change these colors with below css:

input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { background-color: #000 !important; border-color: #FFF !important; color: #FFF !important; }
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select, .woocommerce .quantity input.qty { background-color: #000 !important; border-color: #FFF !important; color: #FFF !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next