color of search box
-
Hi all
I’d like to change the color of my search box (top right on homepage) from black to white.
What would be the CCS code?thanks!
Daniel
The blog I need help with is: (visible only to logged in users)
-
Hi there,
Try the following code:#masthead input.searchfield { background: #ffffff none repeat scroll 0 0; }Did that do the trick?
-
-
Hmm, I didn’t notice that it turned back to black upon a mouse hovering over it; I wonder if that’s what you’re seeing?
Try the following code–I might have a little more code than you need (though it won’t change anything else), but this should help. =)
#masthead input.searchfield { background: #ffffff none repeat scroll 0 0; color: #bfbfbf; } #masthead input.searchfield:focus, #masthead input.searchfield:hover { background: #ffffff none repeat scroll 0 0; color: #bfbfbf; }Did that one work?
-
@filippaanais, on this change, we will have to add the !important keyword to the CSS declarations. Give the following a try.
#masthead input.searchfield { background: #fff !important; color: #000 !important; } -
-
You are welcome. In general it is a good practice to avoid using it, but sometimes it has to be used due to the way things in a theme are structured. Many/most times though you can find or create a more specific CSS selector and not have to use !important. Not in this case though. :)
-
-
- The topic ‘color of search box’ is closed to new replies.