Viewing 2 replies - 1 through 2 (of 2 total)
  • You need to prepare a css arrow graphics in place of the submit button and subscribe to jquery click events and finally adjust the css

    Thread Starter coding4fun

    (@coding4fun)

    Hey,
    So I figured this out. I gave the submit button an id and class like so.
    [submit class:firstclass id:form-submit ” “]

    I went into my css and did this:

    .firstclass {
    background-image: url(“/images/1.jpg”);
    background-repeat:no-repeat;
    background-color:transparent;
    height:50px;
    width:100px;
    border:0px;
    }

    .secondclass {
    background-image: url(“/images/2.jpg”);
    background-repeat:no-repeat;
    background-color:transparent;
    height:50px;
    width:100px;
    border:0px;
    }

    The jquery I used was the library
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    and then:

    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $('#form-submit').click(function() {
                    $(this).removeClass("firstclass");
                    $(this).addClass("secondclass");
    	})
        });
    </script>

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Contact Form 7] Css style submit button after send’ is closed to new replies.