[aspireiomParticipant]

Hi,
I’m trying to change the placeholder text color on my gravity form. They have given me the solution but I can’t get it to work when adding it to the customise css box:

*::-webkit-input-placeholder {
color: red;
}
*:-moz-placeholder {
/* FF 4-18 */
color: red;
}
*::-moz-placeholder {
/* FF 19+ */
color: red;
}
*:-ms-input-placeholder {
/* IE 10+ */
color: red;
}

http://stackoverflow.com/a/9705712

I’m using the latest version of WP, X and Gravity. Any ideas?
Thanks
Richard

[Paul RModerator]

Hi Richard,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[aspireiomParticipant]

Hi, many thanks – here’s the URL I’m working to fix:

http://www.rainbeauxmedia.com/contact/

Many Thanks!

[ZeshanMember]

Hi Richard,

Please use this code instead:

input::-webkit-input-placeholder {
    color: red;
}
input:-moz-placeholder {
    /* FF 4-18 */
    color: red;
}
input::-moz-placeholder {
    /* FF 19+ */
    color: red;
}
input:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}

Hope this helps. 🙂

Thank you.

[aspireiomParticipant]

That’s great, thanks!

[ChristianModerator]

You’re welcome. Glad we could help. 🙂

[jane_pattinsonParticipant]

Hi,

I’m trying to change the placeholder text color of email field of my subscribe section. I’ve used the above CSS code but no luck.Currently its black but I need to change to white.

[FriechModerator]

Hi There,

You can add this under Custom > CSS in the Customizer.

::-webkit-input-placeholder {color: #fff !important;}
::-moz-placeholder {color: #fff !important;}  /* Firefox 19+ */ 
:-moz-placeholder {color: #fff !important;} /* older Firefox*/
:-ms-input-placeholder {color: #fff !important;}

Hope it helps, Cheers!

[jane_pattinsonParticipant]

It worked perfectly!!! Thankyou. You guys are just awesome!!

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts