Changing the appearance of the SEARCH box

[pms solincia]

I've found a way to change the background color of the SEARCH box on my forums,
however, I was wondering if it was possible to change my SEARCH box to look like the one on this site: http://www.palm.com

If there is, please let me know!

I'm currently using a skin (heavily modified with icons and color) "Floral Effects".

Thank you for your time!

[ankillien]

Hello,

You mean the black colored search bar on the top of that site?

[pms solincia]

Yes, that's the one. I like how it also has rounded edges... is there a way to do that?

[ankillien]

Yes, you can.

I can give you a code that will make the search bar look like that but I can't make it exactly the same.

Go to Admin CP > Display > Colors > CSS.
Add this code there and submit.

Code:

#search #keywords {
-moz-border-radius : 5px 0 0 5px;
-webkit-border-radius : 5px 0 0 5px;
background : #000;
border : 1px solid #666;
color : #CCC;
}

#search .button2 {
-moz-border-radius : 0 5px 5px 0;
-webkit-border-radius : 0 5px 5px 0;
background : #000;
border : 1px solid #666;
color : #CCC;
}

Hope this helps

[pms solincia]

That is perfect! Thank you!

Out of curiosity, do you know how to change the second SEARCH box that appears by my forum posts or how to eliminate the second SEARCH box altogether?

Here's the image...

[ankillien]

Yes you can do it.

Put this code in you CSS and submit.

Code:

#search_keywords {
-moz-border-radius : 5px 0 0 5px;
-webkit-border-radius : 5px 0 0 5px;
background : #000;
border : 1px solid #666;
color : #CCC;
}

input.button2 {
-moz-border-radius : 0 5px 5px 0;
-webkit-border-radius : 0 5px 5px 0;
background : #000;
border : 1px solid #666;
color : #CCC;
}

Note : This code will not work for Internet Explorer users. It will work for other browsers like Firefox, Opera, Safari etc.

[pms solincia]

Thank you so very much! You're amazing!! It's perfect!

[ankillien]

Glad I could help you

Topic Solved > Locked