So the code was not working in my child stylesheet. I went to see what else might be installed that might be overriding it. I found that formidable was still installed and that adding my custom css to that made it work. GRRRRR
I’m not using Formidable so I uninstalled it and added the custom code back to my child stylesheet. It all worked except for the opacity on FF. I know it’s not the best practice, but, adding the !important; rule made it all work. ??
Here is my code…
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #909090 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #909090 !important;
opacity: 1 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #909090 !important;
opacity: 1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #909090 !important;
}
I really appreciate all the help and I absolutely love the plugin!