Please include a link to your Contact Form 7 form. If others here are able to understand your actual problem, they may be able and willing to offer a possible solution.
Sorry, here you go. Here is a url example. I just created a new form today and it does the same thing. But on other sites I have they don’t do this.
http://dealioz.com/businesses/luxurious-6-bedroom-villa-and-guest-house/
Happens if you don’t put in valid email address for instance….
Try switching to the default theme (twentyfifteen).
It still happened with Twentyfifteen. I need to change it back. Do you to look real quick?
Sorry… I had to change it back. But it did the same thing.
Your file custom.css
places the error message over the textfield, that’s why you can not enter anything if the message is shown. Try to remove the marked lines:
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
font-size: 12px;
left: 0; /* remove this */
padding: 9px 6px;
position: absolute; /* remove this */
top: -9px; /* remove this */
width: 95%;
}
Great! I found what you were talking about by doing the Inspect Element. That is perfect. But I can’t seen to find where that CSS file is. I found it while in the Inspect Element view and it looked like under UBER MENU?? With use disclaimers to not edit that CSS file.
But still can’t find it anywhere in the Control Panel.
Can you see the path? or let me know where to find this.
I have a plug-in for custom CSS I do, just minor edits, and I tried to copy it in there but without the ones you told me to remove… but that didn’t work. (simple CSS) maybe I did it wrong. I would love to keep all my edits together.
So excited to be close!
You could edit the file in uber menu or add e.g. this to your custom CSS:
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
left: auto !important;
position: relative !important;
top: auto !important;
}
You are my hero!!
Thank you so much. Thank you for giving me the code to put in my own CSS.
It worked. Owner will be so happy.
@ov3rfly – good spotting and great support!