Placeholder text font color

  • Resolved unger.josh

    (@ungerjosh)


    9 years, 4 months ago

    Hello. I am using the avada theme. The site I am working on is

    https://dev.finepointsmusic.com/

    I would like the placeholder text (“email address”) for the mail chimp form in my footer to be white but it shows up as grey. This is my current css.

    #mc_embed_signup input.email {
    background-color: #000 ;
    color: #FFFFFF !important;
    border: 1px solid #000 ;
    }

    Any help is appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)

  • For reasons that I’m sure made sense at some point, setting the color on an <input> element doesn’t affect the placeholder text; you need a different selector for that:

    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
    Thread Starter unger.josh

    (@ungerjosh)

    Oh my god! Thanks so much. Works perfectly. You rule!!!!

    Best,
    Josh

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Placeholder text font color’ is closed to new replies.