How do I color the Search Box?
Page/site: http://www.todddawsondesign.com/test/matia/
WP: 3.5 ATA: 3.7.10 I want to color the Search box, and for the life of me can't figure out how to do it. I've used Firebug to try to figure it out, but it seems to be beyond my limited skills. Where is the original code for all this? (so I could copy/modify it in css inserts) I didn't see any other posts on this... Any help appreciated. |
the searchbox is a form and it's styling is set at ato->Style FORMS
if you just want to style the searchbox you could use '.searchbox-form input' as the CSS selector and you may need to add an '!important' to the rule you use. |
I looked at the search form.php code, and based on that, tried the following variations:
input.text, input.textbox, input.password, input.file, input.TextField, textarea { background-color: #990000 !important; } div.searchbox-form input { background-color: #999966 !important; } form.searchbox-form input { background-color: #999966 !important; } table td.searchfield { background-color: #999966 !important; } table.searchform { background-color: #999966 !important; } table.searchform td { background-color: #999966 !important; } td.searchfield { background-color: #999966 !important; } Note: the colors are just to see if something changes. They're not necessarily the colors I want in the final. I feel like I'm stabbing in the dark. All attempts only color the field when you click in it… (which is controlled in ago FORMS). That is exactly the OPPOSITE of what I want to happen… I want to color it UNTIL you click in it-then it can go white. So when you arrive on the page, the field is colored; then, when you click on it, it can either be white or another color. Thoughts? |
Not quite sure what you want the results to be but here is some code that may point you in the right direction.
HTML Code:
.searchbox-form input { |
Miles-that didn't seem to help. I'm not really worried about borders, position. I just want to change the white field in the Search Box BEFORE you click in it.
I wanted to attach some jpgs to show what I want to do, but apparently I'm over my limit and it is not immediately apparent how I can delete past attachments (one's I want to load are under 250k). |
I just added some other code to show you what can be done. For what you want just use something like the following.
HTML Code:
.searchbox-form input { |
Miles-God bless you! I swear I had tried that and it didn't work (I simply didn't use *all* the code you originally sent). But now it works fine.
THANK YOU THANK YOU THANK YOU! |
I went to my profile, clicked on the attachments, and there they were. Moused over them and hit delete, nothing. No other instruction provided. No delete button, nothing. What am I missing?
|
I meant to say go to Private Messages > Attachments. You can then select the attachments you want to delete.
|
All times are GMT -6. The time now is 08:42 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.