I want to customize the Search skin object so the text in the input box is smaller than the normal text size on the site. Also I want the style of the "Search" link to be a different size and colour from the input box text (white rather than black).

I have created a style in my skin's CSS file called SearchSkinObject and tried setting the CssClass property of the skin object to this, and also the CssClass property of the surrounding TD element, but all this seems to do is alter the style of the "Search" link, not the input box. The only thing that seems to control the style of the input box is the NormalTextBox style, but I don't want to change this as it will affect text boxes everywhere else on the site.

How can I alter the input box? Here is the SearchSkinObject style I created:

.SearchSkinObject

font-family: verdana,arial,geneva,sans-serif;

font-size: 8pt;

color: black;

font-weight: normal;

text-decoration: none;

you've a few options

the search textbox always has a name of dnn:dnnSEARCH:txtSearch, so you could use javascript to set the style dynamically. Alternatively, you could use cascading order to identify a textbox within a parent control e.g. the DNN_HeaderTable table (see http://www.w3.org/TR/REC-CSS1#cascading-order ).

Finally, you could alter admin\Skins\Search.ascx file and alter the cssclass to a unique value. As you're only altering an ascx file, theres no need to recompile the solution.

Cathal