Contact Form 7 forms is mostly affect by the CSS applied to the form elements of your current theme.
To change the style of your send-button you would need to edit the CSS style sheets used by your WordPress theme.
See Styling Contact Form for a general explanation of styling CF7 forms using CSS.
There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms.
Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.
Add your CSS via Child Theme or use custom CSS plugin
I’ve looked through the link you gave and didn’t find any code for changing the background color of the button, just the text. Anyone know the actual code?
thanks
Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.
You can learn about these extremely useful developer tools at the following links:
https://getfirebug.com/wiki/
http://www.evotech.net/blog/2007/06/introduction-to-firebug/
http://www.youtube.com/watch?v=sHbYpl1XFiM
http://www.tipsandtricks-hq.com/debugging-javascript-code-with-firebug-1899
https://developers.google.com/chrome-developer-tools/
Others looking for some practice styling CF7 forms may be willing to give you a copy-pasta solution if you post a link to your form here.
