Remove Ugly Box Around Category Dropdown...

General General Questions
1

See the screenshot:

[url]http://img87.imageshack.us/img87/8516/76512023.png[/url]



I have this ugly box around the category dropdown in the search bad as seen in the screenshot (in the red box)



How can I remove this from the search bar and still have my search bar work.



I would like the category listing (dropdown) to still be their. If this is not possible I can remove the category listing completly.



Please help. thanks.

2

You can’t remove it as it is a part of the background image in /skins/mobishop_blue/customer/styles.css:


[QUOTE].top-tools-container {

background: url(“images/top_tools_bg.gif”) repeat-x scroll left 0 #E5E5E5;

height: 42px;

padding: 0;





}

[/QUOTE]

3

Can it be taken out completly?

4

Just comment it out with /your css code/ like:


/*.top-tools-container {
background: url("images/top_tools_bg.gif") repeat-x scroll left 0 #E5E5E5;
height: 42px;
padding: 0;


}*/
/*.top-tools-container span.float-left, .top-tools-container span.float-right {
background: url("images/top_tools_left.gif") no-repeat scroll left 0 transparent;
height: 42px;
margin: 0;
padding: 0;


}*/



/*.top-tools-container span.float-right {
background: url("images/top_tools_right.gif") no-repeat scroll right 0 transparent;


}*/




But it’s really ugly…