Hide Contact form on submit

  • Resolved sharmaabhi

    (@sharmaabhi)


    6 years, 10 months ago

    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 6 years, 10 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 6 years, 9 months ago by ebrent.
    • This reply was modified 6 years, 9 months ago by ebrent.
    • This reply was modified 6 years, 9 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 6 years, 8 months ago by sergio90.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

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

    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:
    https://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.

    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.