Contact Form 7 Not Showing Success Message

https://iracearchitecture.com/wp/index.php/contact/

When inspecting, there are a couple of ‘Blocked loading mixed active content’ warnings related to Google fonts called by the theme. That’s all I see so far.

Try wrapping it:

jQuery(function($) {
}

No dice.

Sorryyyyyy!!!

jQuery(function($) {
})

I missed the closing ‘)’.

Still no dice ??

Yes, still have console log error.

(index):412 Uncaught ReferenceError: wpcf7Elm is not defined

Need to define, which not sure why wasn’t on the other post:

    var wpcf7Elm = document.querySelector( '.wpcf7' );

    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );

• This reply was modified 6 years, 9 months ago by Joseph G..

Sorry, double posted.

• This reply was modified 6 years, 9 months ago by Joseph G..

Does the var call go before the jQuery wrap, or within it?

jQuery(function($) {

    var wpcf7Elm = document.querySelector( '.wpcf7' );

    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );ener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );

})

• This reply was modified 6 years, 9 months ago by Joseph G..
• This reply was modified 6 years, 9 months ago by Joseph G..

Just tried again…same results. Frustrating! I really appreciate you trying to help though!

Yes, sorry… trying to multi-task here and added too much ‘stuff’… look again, as I edited. I must have pasted twice.

Sorry!

No need to apologize. As I said, I really appreciate the effort! But I did paste the latest code and tried again. No dice unfortunately.

Hey! Success! It turns out I needed to put the script before the close of the head tag. Again, thanks for the help!

Glad you got it!