[Plugin: Contact Form 7] Use an image for a submit button

  • Resolved Mike_sa

    (@mike_sa)


    14 years, 8 months ago

    Hi

    I am wanting to use an image for a submit button on a contact form.

    I have not found anywhere in the docs or forum specifically talking about using a image for a submit button.

    at the moment I have the code
    [submit "GO"]

    Does anyone know how I can add the image file to be used to this?

    Many thanks

    http://wordpress.org/extend/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • lukeyates1981

    (@lukeyates1981)

    14 years, 8 months ago

    I have done this a few times using CSS. The following should help:

    .wpcf7-submit { background: url('images/btnsendmessage.png') top left no-repeat transparent; border: none; padding: 0px; margin: 0px; text-indent: -50000px; width: 118px; height: 40px; }

    If you stick that in your CSS file it will change the button to use an image instead. You just need to change the path in the “background” url, the “width” and the “height”.

    Hope it helps 🙂

    Thread Starter Mike_sa

    (@mike_sa)

    14 years, 8 months ago

    Thanks very much Lukeyates.

    I must apologize, I actually did that yesterday and completely forgot about this forum post on the topic. I should have posted my solution 🙂

    Thanks very much for taking the time to answer my question, atleast there will be a record for other with the same issue now.

    lukeyates1981

    (@lukeyates1981)

    14 years, 8 months ago

    no problem 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: Contact Form 7] Use an image for a submit button’ is closed to new replies.