Success message bar showing up while loading the page

  • Resolved aditya34

    (@aditya34)


    4 years, 7 months ago

    Hello!

    I’m facing an issue where when I load the website page with the contact form, it displays a transparent success message bar with the close(X) icon. This happens while loading the page, so the user hasn’t submitted the form yet. I tried to skip the success message bar by blocking it in the global css editor of the theme by entering the below code:

    .wpcf7-response-output {
  display: none;
}

    However, this didn’t workout. Your assistance on this issue will be very helpful, as I’m not keen on removing the message success bar completely. However it is optional.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    What other plugins and theme do you use on the site?

    I have the same issue today on our Staging site after updating CF7 from 5.1.9 to 5.2.
    Empty bordered box (.wpcf7-response-output) now shows on the page below the form’s send button before form is filled or submitted; no close button in my case.

    Deactivated all other plugins (except woocommerce and wpbakery page builder). Issue remains.

    The form sends & works properly and the messages do work when supposed to as well (i.e. error messages and our confirmation message after submitting).

    For time being, I rolled back to CF7 5.1.9 and the issue’s gone.

    Thread Starter aditya34

    (@aditya34)

    Hi Takayuki,

    Thank you for responding at the earliest. Really appreciate the plugin that you have created.
    This issue as mentioned by pdxe(@kcasal) user, started to appear after updating the plugin recently. The contact form itself works fine.

    I haven’t deactivated all the plugins as the website is live (also using woocommerce and wpbakery page builder)

    Also after submitting the form, the message sent text appears but the bordered box background remains transparent whereas generally it would be with a green background.

    I guess will rollback to the previous version because the css code as mentioned previously will just block the message from being displayed which I don’t intent to.

    If it’s a css issue any update on the class selector will be helpful.

    Thank you.

    I am also having this issue with the empty box showing at the bottom of the form. I am also back on version 5.19.
    I have not altered the form in any way.
    It’s a great form so I hope we can fix it ??

    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Success message bar showing up while loading the page’ is closed to new replies.