Hi, I'm having difficulty formatting the placeholder colour for CF7.
As you can see from screenshot attachment, the placeholder background appears translucent....I need it to be white, otherwise it doesn't show properly in my footer.
also, when a placeholder is selected, the border turns blue...it would be better if it matched my submit button colour.
Hi, I'm having difficulty formatting the placeholder colour for CF7.
As you can see from screenshot attachment, the placeholder background appears translucent....I need it to be white, otherwise it doesn't show properly in my footer.
also, when a placeholder is selected, the border turns blue...it would be better if it matched my submit button colour.
any css for this?
thank you
Hi,
Please try to use next css to change placeholder color
/* for input fields */ .wpcf7 input::-webkit-input-placeholder {color: #ccc;} .wpcf7 input::-moz-placeholder {color: #ccc;}/* Firefox 19+ */ .wpcf7 input:-moz-placeholder {color: #ccc;}/* Firefox 18- */ .wpcf7 input:-ms-input-placeholder {color: #ccc;} /* for textarea */ .wpcf7 textarea::-webkit-input-placeholder {color: #ccc;} .wpcf7 textarea::-moz-placeholder {color: #ccc;}/* Firefox 19+ */ .wpcf7 textarea:-moz-placeholder {color: #ccc;}/* Firefox 18- */ .wpcf7 textarea:-ms-input-placeholder {color: #ccc;}If you want to change placeholder color for current form you can add extraclass to your CF7 form and use this css with extraclass.
For change selected input field border color use
.wpcf7 input:focus, .wpcf7 textarea:focus{ border-color: orange; }Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver