WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
How do i add an image for the submit button?? (4 posts)

  1. baby girl productions
    Member
    Posted 3 years 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

  2. koolkatwebdesigns
    Member
    Posted 3 years 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;
    });

  3. koolkatwebdesigns
    Member
    Posted 3 years ago #

  4. koolkatwebdesigns
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic