Streaming live at 10am (PST)

Change Font Colour on Form


#1

Hi all, is there a simple way to change the font colour on a forms input field? I've tried the obvious (but the text stays grey. Thank you,


#2

There's no way to do that natively in WF.

You need this custom code:

    <style type="text/css">
    input.input-box, textarea { background: white; color: black; }
.w-input::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
}
.w-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    red;
    opacity: 1;
}
.w-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    red;
    opacity: 1;
}
.w-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    red;
}
    input.black-text, textarea { color: black; }

</style>

Change the colour name for the hexcode code of the colour you want.


#3

Thank you @aaronocampo - I'll give it a go!


#4

Hi, @aaronocampo

I pasted it into the body of the body of the page in question but it doesn't seem to have worked, guess I've done something wrong? Share code belpow and what I changed.

https://preview.webflow.com/preview/jospropertysite?preview=cfaec47b7ce38c744dc8950dc920bad2


input.input-box, textarea { background: white; color: black; }
.w-input::-webkit-input-placeholder { /* WebKit browsers */
color: black;
}
.w-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: black;
opacity: 1;
}
.w-input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: black;
opacity: 1;
}
.w-input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: red;
}
input.black-text, textarea { color: black; }


#5

Paste it into the head.


#6

Ahhh..... Thank you @aaronocampo


#7

This topic was automatically closed after 60 days. New replies are no longer allowed.