WordPress.org

Support

Support » Plugins and Hacks » [Plugin: Contact Form 7] Image Field?

[Plugin: Contact Form 7] Image Field?

  • 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: Contact Form 7] Image Field?’ is closed to new replies.
Skip to toolbar