Support » Plugin: Contact Form 7 » Button instead of input for submit

  • Resolved ronnyrook


    Hi there,

    For a website I’ve got a complex submit button, CSS wise with overflowing background images using background position. In HTML I’ll created that using a button with type submit and a image inside:

    <button type="submit" name="submit" class="hover bg">
        <img src="assets/images/submit.png" alt="Send message" />

    Is it possible to get something like this using Contact Form 7?
    I know how to edit CSS code and such thing, but I couldn’t find something to insert a button, specially with the submit type so it acts the same as the normal submit input.

    All the help is welcome. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Neil Murray


    You can simply add your HTML for the button in the Form section of the CF7 interface and use it to submit your form.

    Alternatively use a ​​normal CF7 Submit tag – add class="hover bg" to CF7 tag and add your img via CSS.

    Either approach ​​should work the same.



    Awesome, this worked out. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Button instead of input for submit’ is closed to new replies.