[poorlittlefish]

How can I change the text “Search…” inside the search box from its default grey to something else? I’ve tried adding all sorts of custom CSS but can’t get anything to work – many thanks.

[Sakin]

@poorlittlefish: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box change the color of search text. In the following CSS, change the color code as per you need.
input#s { color: #757575; }

[poorlittlefish]

Hi Sakin, thanks for your reply.

I tried adding that line, changing the colour to white (#ffffff) but the text in the box still looks grey to me – you can see what I mean at http://www.leevalleylions.co.uk. I’d managed to get the search box itself to be outlined in white, but the actual “Search…” wording is still grey.

[poorlittlefish]

Any ideas as to why I still can’t get this to work, please?

[Sakin]

@poorlittlefish: I see it white color assign. That is good. You might need to add the following CSS as well.

#masthead input::-webkit-input-placeholder { color: #fff; }
#masthead input:-moz-placeholder { color: #fff; }
#masthead input:-ms-input-placeholder { color: #fff; }

[poorlittlefish]

Yay! That’s done the trick, Sakin – thanks so much for your help.

[official]

hi ……
i am trying to solve the input search text color in handheld menu in mobile view….
plz help me out …
thank you…

[Sakin]

@official: Please post in your site URL and also let me know the color you want.

[official]

my website link :- http://www.24market.cf
shown in mobile view and check handheld search menu input text color
thanks for your respond…..

[official]

i want input text color is black..

[Sakin]

You website is not working. It’s showing “Website is temporary sleeping”

[Author]

Posts