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 8 years, 1 month 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 7 years, 12 months ago by
ebrent.
-
This reply was modified 7 years, 12 months ago by ebrent.
-
This reply was modified 7 years, 12 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 years, 11 months ago by
sergio90.
@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:
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.
See previous post, solution found: .wpcf7 .wpcf7-mail-sent-ok {visibility:hidden;}
