Change contact form 7 Button

I want to change the appearance of the contact form Button to that of themes. Wherever I put a contact form it shows the default style button.

[Luke Nielsen]

Hello,

The below code will help you to change the color for the CF7 button so please, enter it to the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #76A630;
    color: #fff;
    border-radius: 5px;
}

Keep me informed of any issues.

Kind Regards

• This reply was modified 2 years, 10 months ago by Luke Nielsen.

The code isn’t working. The website seems to have some kind of CSS glitch after adding the code. Let me know if you need credentials to test the code yourself.

Please provide your site admin access to the private area and the URL of the page of where you define this contact form.

I await your response.

Kind Regards

HTML Block: Shipping and Delivery Tab

Hello,

I have edited the above code so now it should work well.

https://gyazo.com/178f5a95cd3b8d14a5dfa119f28defa9

Keep me informed of any issues.

Kind Regards

Is the CSS universal, or do I need the code for Every form I created ?

Hello,

In general, it should work for each CF7 form. But I can make another custom if it doesn’t work for another CF7 form.

In case you need any additional help, I’d be more than happy to assist you.

Kind Regards

Okey, the CSS is working, If there will be any problem with Any other CF7 form, I will raise a topic for help. For now, you may close the Topic.

Hello,

If you would like to discuss the issue further, our customer support team is here for you.

Wish you all the best.

Kind Regards

[Author]

Posts