My contact form 7 fields always show the "undefined" tooltip, whenever the cursor is active in a field, whether or not I've typed an entry there. The form works fine and the correct entries show up in my eMail messages. I never get the red or orange border box at the bottom.
This is a shared cPanel site, and when I try to edit the css, it says:
"Editing contact-form-7/styles.css (inactive)"
Presumably implying that file isn't used.
But that exact file shows up in my browser "view source" links.
If I change it, the changes show up in my browser, but the tooltips never change. I've tried changing the colors:
span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
background: #fff;
border: 1px solid #ff0000;
font-size: 10pt;
width: 280px;
padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}And even tried:
span.wpcf7-not-valid-tip {
display: none;
visibility: hidden;
}The popup tooltips are always the same - white text on black, "undefined".
I'd like to preserve the function of highlighting invalid entries, but at this point I'd settle for making the tips just disappear. I can't find where the validation is configured or done. Two of the fields have "text*" and "email*" items, the rest are supposedly unvalidated, but all show the "undefined" tip.
What am I missing?
