[Plugin: Contact Form 7] How do i add an image for the submit button??

  • Crafty Angel

    (@baby-girl-productions)


    13 years, 7 months ago

    Hi,

    I would like to use an image in stead of the boring submit button but i don’t know where to look or do to change it.

    Can anyone help me, please?

    Thanks

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

    (@koolkatwebdesigns)

    13 years, 6 months ago

    Here is a solution I used on this page:

    In contact form settings before the submit button I add:
    <p class=”sendbtn”></p>
    In my styles.css I add:
    input.wpcf7-submit {
    display:none;
    }
    in my header.php file I use this jQuery:
    jQuery(“.wpcf7-form p.sendbtn a”).click(function() {
    jQuery(“.wpcf7-submit”).click();
    return false;
    });

    koolkatwebdesigns

    (@koolkatwebdesigns)

    13 years, 6 months ago

    Correction – before submit button add:

    p class=”sendbtn”></p>

    And here is the CSS I use for the sendbtn:
    p.sendbtn a {
    background:url(“images/send-btn.jpg”) repeat scroll 0 0 transparent;
    float:left;
    height:35px;
    width:132px;
    }
    #maincontent p.sendbtn a:hover, #maincontent p.sendbtn a:focus {
    background-position:0 -35px;
    }

    koolkatwebdesigns

    (@koolkatwebdesigns)

    13 years, 6 months ago

    Ugh – the post keeps removing my link inbetween the <p> tags but there should be an href=”#”

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Contact Form 7] How do i add an image for the submit button??’ is closed to new replies.