How to assign a CSS to the search box?

[indigo11]

I'm using STS. I would like to assign a new class CSS to the search box.

How could i do that?

Thanks,

 

Manuel

[indigo11]

It seems i can change in the catalog/includes/boxes/search.php

and add a css that could add a border to the search box but i can't manage to change the search box...could you please help me out?

 

Thanks

 

Manuel

[indigo11]

I just did it :D

I know it is too easy for most people, still let me post it.

 

 

Just change the in the catalog/includes/boxes/search.php around line 24 :

 

'align' => 'center',

'text' => tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH-30) . 'px"') . ' ' . tep_hide_session_id() . tep_image_submit('button_quick_find.gif', BOX_HEADING_SEARCH) . '<br>' . BOX_SEARCH_TEXT . '<br><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '"><b>' . BOX_SEARCH_ADVANCED_SEARCH . '</b></a>');

 

 

to this:

 

 

'align' => 'center',

'text' => tep_draw_input_field('keywords', '', 'size="10" maxlength="30" class id="search" style="width: ' . (BOX_WIDTH-30) . 'px"') . ' ' . tep_hide_session_id() . tep_image_submit('button_quick_find.gif', BOX_HEADING_SEARCH) . '<br>' . BOX_SEARCH_TEXT . '<br><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '"><b>' . BOX_SEARCH_ADVANCED_SEARCH . '</b></a>');

 

 

Then created in stylesheet.css

 

.search {

border: 4px solid #EFEFF0;

}

 

------------