[Plugin: Contact Form 7] Image Field?

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!