Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

How do I color the Search Box?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 3, 2013, 02:31 AM
tbaxter
 
79 posts · May 2012
Germantown, MD
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.
  #2  
Old Jan 3, 2013, 06:06 AM
juggledad's Avatar
juggledad
 
22,326 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 3, 2013, 03:56 PM
tbaxter
 
79 posts · May 2012
Germantown, MD
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?
  #4  
Old Jan 3, 2013, 04:23 PM
lmilesw's Avatar
lmilesw
 
10,110 posts · Jul 2009
Central New York State USA
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;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jan 3, 2013, 05:20 PM
tbaxter
 
79 posts · May 2012
Germantown, MD
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).
  #6  
Old Jan 3, 2013, 07:42 PM
lmilesw's Avatar
lmilesw
 
10,110 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jan 3, 2013, 09:59 PM
tbaxter
 
79 posts · May 2012
Germantown, MD
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!
  #8  
Old Jan 3, 2013, 10:18 PM
tbaxter
 
79 posts · May 2012
Germantown, MD
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?
  #9  
Old Jan 4, 2013, 12:28 AM
lmilesw's Avatar
lmilesw
 
10,110 posts · Jul 2009
Central New York State USA
I meant to say go to Private Messages > Attachments. You can then select the attachments you want to delete.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
search box input

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Changing the Post CONTAINER color changes text color, NOT background color rhythm Center area post/pages 2 Jun 22, 2012 08:44 PM
[SOLVED] Change text color in search box tnandrick Header configuration & styling 1 Nov 17, 2010 01:09 AM
Search facility does not search text within embedded HTML using iframe cdgeorge Header configuration & styling 0 Oct 26, 2009 06:33 AM


All times are GMT -6. The time now is 06:08 PM.


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