different widget placeholder text color

Envi_snc · December 2016

Hello I'm using the search and archive widgets in the blog and single post page.

Depending on the broswer the placeholder text color change:

- on firefox, ie11 both the search and archives widget has white placeholder text. the dropdown menu in the archives is black, luckly

- on chrome, edge, opera I see light grey text for the search bar and absolute white in the archives (also in the dropdown menu)

here are a couple of screens

http://imgur.com/a/TtnG9

I'd like to set everything to grey or black...

link: http://envi.envi.online/note-di-rilascio/

Did I mess something up in the color section in theme option?

Albert · December 2016

Hey,

please take a look at http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css where it has been explained how to change placeholder text color.

Thanks!

Envi_snc · December 2016

ok, with to this CSS:

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

color: #a1a1a1;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #a1a1a1;

opacity: 1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #a1a1a1;

opacity: 1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #a1a1a1;

}

the placeholder in the searchbar is now visibile on all the broswers with the same color.

However when you type in it, it still uses white fonts.

Also the placeholder in the archives ("Archivi") still shows a white "select month" with the dropdown menu sometimes with white fonts (chrome, opera, edge), sometimes black (firefox only)

Albert · December 2016

Please disable maintenance mode first so we can have a look on it.

Envi_snc · December 2016

it should be visible now

Albert · December 2016

As we can see, this color is being take from WooCommerce and to change it's color, you need to use:

#searchform input { color: #000 !important; }

Envi_snc · December 2016

ok, now the search bar works fine, but how could woocommerce interfere with that if it's not even installed?

anyway can you help me with the achives widget please? it still has the same problems as before

Albert · December 2016

That's definitely weird because the first time we were checking it was the WooCommerce but now it's not there. That's definitely weird.

Anyway, to change Archives widget text color as well, please use:

.widget_archive select { color: #000 !important; }

Envi_snc · December 2016

that works, thank you

Albert · December 2016

You are welcome!

different widget placeholder text color

Comments