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

  • Resolved sharmaabhi

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

    (@takayukister)

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

    Hello on my website (https://www.chatsfriends.com) 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 9 months, 1 week ago by  shalirey.
    ebrent

    (@ebrent)

    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!

    ebrent

    (@ebrent)

    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 8 months ago by  ebrent.
    • This reply was modified 8 months ago by  ebrent.
    • This reply was modified 8 months ago by  ebrent.

    Hi,

    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.

    Serge

    • This reply was modified 7 months, 1 week ago by  sergio90.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Support Volunteer

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

    TimoElshof

    (@timoelshof)

    Hello,

    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:
    http://www.contentconstructors.nl/contact/

    This is the code I tried to use for the ‘message sent’ notification (green borders)
    .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok.style {
    display: none;
    }

    Please advise.

    TimoElshof

    (@timoelshof)

    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.