Search Form 'Keyword' Placeholder text CSS

  • Resolved RetroTorque

    (@retrotorque)


    9 years, 8 months ago

    Hello,

    Please can someone tell me how to change the colour of the default ‘Keyword’ placeholder text in the search form? (Currently grey.)

    I just can’t find the CSS which controls this.

    (I have styled the rest of the form without any problems, it’s just this one remaining item I can’t change.)

    Thanks,

    Mathew

    https://wordpress.org/plugins/events-manager/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter RetroTorque

    (@retrotorque)

    9 years, 8 months ago

    In fact, it used to be OK – I had changed its colour using CSS, but it changed with an EM update about 6 months ago, I’m wondering if there’s now a missing CSS class or something???

    caimin_nwl

    (@caimin_nwl)

    9 years, 8 months ago

    Something like this should work:

    div.css-search input.em-search-geo {
  color: #000;
}
    Thread Starter RetroTorque

    (@retrotorque)

    9 years, 8 months ago

    Actually, I’ve found it. It’s in the plugin’s CSS. Don’t know why I didn’t look in there before. 

    /* Placeholder text in main section */
				div.css-search div.em-search-main div.em-search-field input::-webkit-input-placeholder { /* WebKit browsers */ font-size:16px; line-height:16px; padding:3px 0px; border:none; outline:none; color:#FFF; }
				div.css-search div.em-search-main div.em-search-field input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#FFF; }
				div.css-search div.em-search-main div.em-search-field input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#FFF; }
				div.css-search div.em-search-main div.em-search-field input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#FFF; }

    (I’ve changed it to #FFF, by default it’s #666)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Search Form 'Keyword' Placeholder text CSS’ is closed to new replies.