Placeholder fields styling not changing consistently?

I see, @kaizerco!

Your theme is overriding HappyForms styles. We’ll look into this and make HappyForms rules stronger (to avoid unintended override), in the meanwhile you could pop this snippet in your Appearance → Customize → Additional CSS screen:

.happyforms-part ::placeholder {
    color: var(--happyforms-color-part-placeholder) !important;
}

That should hopefully do the trick. Let us know how that goes!

That does the trick. Which CSS rules of my theme are overriding though? I can’t seem to pinpoint them. If it’s something in my style.css that I overlooked It’s better I disable it there, rather than having stronger rules for happyforms.

• This reply was modified 6 years, 1 month ago by kaizerco.

Got it, @kaizerco!

It’s a bit hard to say, it seems your theme has some sort of “skin” system? I see this rule overriding HappyForms:

skin-5bc5d88cbfa13.css

input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: rgba(66,66,66,0.4);
}

The skin file is also minified (or, packed in a single line) so I can’t point you to something more specific.

Ok, thanks for the help!

You’re welcome, @kaizerco!