"CF7" (#906598) / CodexThemes

Comments

2
Weslie started the conversation
September 29, 2016 at 7:48pm
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

6,927

Oliver replied

September 30, 2016 at 2:39pm

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

1 Like