WordPress.org

1. Ben Huson
   Member
   Posted 2 years ago #

   It would be nice to be able to add an image field so you could use a graphical button instead of a standard submit button.

2. ingistics
   Member
   Posted 2 years ago #

   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.

3. raasdesign
   Member
   Posted 2 years ago #

   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?

4. raasdesign
   Member
   Posted 2 years ago #

   [SOLVED] I was adding the class:contactSubmit to the wrong form in the backend.

5. gadietrich
   Member
   Posted 2 years ago #

   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!

Topic Closed

This topic has been closed to new replies.