Support » Plugin: Contact Form 7 » Hide Contact form on submit

  • Resolved sharmaabhi


    I want to hide the contact form on submit and show the response message in place of it.
    How can I achieve this ?

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


    After a submission, the form element will have sent class. You can use this class to hide the contact form.



    Hello on my website ( I’m trying to put a capcha but I don’t know if I need to install a plugin or what to do because I’m not able.

    • This reply was modified 4 years ago by shalirey.

    OK I see how to hide the FORM after submitting by using

    .span {display:none;}

    but that also hides the confirmation “thank you” message. Is there a way to show the message but hide the form? Am I doing something silly and wrong? Thx!

    OK I see now. For normal forms, you need to add this to your CSS somewhere like (WP/Appearance/Customize/Additional CSS):

    .wpcf7 form.sent p {
    	display: none;

    But if you’ve styled your form using other HTML elements like tables etc, that CSS may not find them and hide them. In that case, submit a form and view your source. See what is outside of your form/p tags or not a <P> tag.

    Thanks. Works as directed.

    • This reply was modified 3 years, 11 months ago by ebrent.
    • This reply was modified 3 years, 11 months ago by ebrent.
    • This reply was modified 3 years, 11 months ago by ebrent.


    I am not sure if you can help me but I certainly hope so, what could be the problem for my page El Círculo Secreto when having set up Contact Form 7 that it does not send me the mail to email account?

    Thanks in advance and have a great day.


    • This reply was modified 3 years, 10 months ago by sergio90.
    Moderator Steve Stern (sterndata)


    Forum Moderator & Support Team Rep

    @sergio90, please start a new topic for your issue rather than jumping into someone else’s.


    In order to this topic I would like to ask the following question? Is it possible to hide the ‘message sent’ notification which is generated after submitting the form by Contact Form 7? I don’t know what to do, I tried to inspect the element but without any result

    This is the URL of my site:

    This is the code I tried to use for the ‘message sent’ notification (green borders) {
    display: none;

    Please advise.

    See previous post, solution found: .wpcf7 .wpcf7-mail-sent-ok {visibility:hidden;}

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Hide Contact form on submit’ is closed to new replies.