How to hide and edit success message

  • Hello!

    So this is regarding the success / error messages. I have a few CF7 forms on my website, I would like to hide the success / error messages on some, and edit it on the others (change font and border color for example).

    From my research, a simple CSS with the following code should work: “.wpcf7 .wpcf7-form .wpcf7-mail-sent-ok { display: none !important; }”

    However apparently those parameters were dropped for something they call DOM events. I watched youtube, googled, everything and I still don’t know how to approach this. There are no tutoriais (after this update) and I feel kind of lost.

    Thanks for reading, hopefully some of you know the answer!

    Cheers!

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

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

    (@takayukister)

    From my research, a simple CSS with the following code should work: “.wpcf7 .wpcf7-form .wpcf7-mail-sent-ok { display: none !important; }”

    This is not recommended. Instead, do it like the following:

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

    In the first place, hiding a response message is a bad practice and is never recommended. I don’t know for what purpose you are trying to do so, but keep this in mind: “Do it at your own risk.”

    Thread Starter woodtarget

    (@woodtarget)

    Hello Takayuki!

    It’s kind of complicated to explain. Basically I have a simple form, that when you fill it with text and press the button, it redirects you to another page to complete said form. What I am trying to do is hide the success text on the first form only, since it will just redirect to another page.

    Following this code, I assume it will hide it on every cf7 form right? I am trying to do it to only one form. Any idea on how I can achieve this?

    Thank you so much for your time!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to hide and edit success message’ is closed to new replies.