The css we gave you above change placeholder text so we don't understand what else you want to change. But about parallax, this is how this feature works and it is not possible to change it's behavior.
Since the muffingroup supplied answer didn't change anything for me, I did some further digging and found the correct answer. I figured I'd leave it here in case any other Betheme users come here seeking the same answer.
I had the same problem, but fixed it with the same looking around up until the issue continued with the :focus selector. If I add the input selector or input[type] or input[type="text"] it doesn't work. Here is all of my code for a smoothly transitioned fade on input for contact forms.
Turned out good an hour later, after digging around.
input[type="text"], input[type="email"] { height: 50px; font-size: 22px; line-height: 26px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; }
Comments
please send us url to page where you got contact form and we'll tell you how to do this.
Thanks!
And on the same page, could you tell me what size the parallax background image should be so it doesn't cut off her face?
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select, .woocommerce .quantity input.qty { color: #000 !important; }We do not see any parallax on this page so we don't understand what you mean exactly.input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus { color: #000 !important; }