Add style class for submit button to contact-form stylesheet.css in wp-content\plugins\contact-form-7\stylesheet.css – e.g.
.contactSubmit {
border:none;
width:238px;
height:30px;
background-image:url(images/submit.gif);
background-repeat:no-repeat;
}
Add submit.gif to /wp-content/plugins/contact-form-7/images/
Define submit button in form:
<p>[submit class:contactSubmit ” “]</p>
Contact Form 7 updates will lose the css and image file – need to redo after updates.
Hmm.. this isn’t working for me. It’s simple and straight-forward! I’m going to look over everything once more but are there any known bugs for this change?
[SOLVED] I was adding the class:contactSubmit to the wrong form in the backend.
In the new version of the form stylesheet.css does not exist, but has been replaced with styles.css.
I also found that I had to go into submit.php and remove “send” from:
$value = __( ‘send’, ‘wpcf7’ );
Before I did that my button overlapped the text and they were on top of each other. Once removed it worked great! Thanks for your informative post!
