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 1 year, 6 months 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 1 year, 5 months ago by  ebrent.
    • This reply was modified 1 year, 5 months ago by  ebrent.
    • This reply was modified 1 year, 5 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 1 year, 4 months ago by  sergio90.
    Moderator Steve Stern


    Support Team Volunteer

    @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.