Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   How do I color the Search Box? (http://forum.bytesforall.com/showthread.php?t=19244)

tbaxter Jan 3, 2013 01:31 AM

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.

juggledad Jan 3, 2013 05:06 AM

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.

tbaxter Jan 3, 2013 02:56 PM

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?

lmilesw Jan 3, 2013 03:23 PM

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 {
    background: #B77441 !important;
    margin-top: 5px;
    border: none !important;
    color: black !important;
}
.searchbox {
    margin-right: 60px !important;
    width: 220px !important;
}


tbaxter Jan 3, 2013 04:20 PM

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).

lmilesw Jan 3, 2013 06:42 PM

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 {
    background: #B77441 !important;
}

To delete attachments look in your profile settings.

tbaxter Jan 3, 2013 08:59 PM

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!

tbaxter Jan 3, 2013 09:18 PM

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?

lmilesw Jan 3, 2013 11:28 PM

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 04:52 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.