I'm running DNN 6.2.2 and using the default skin. I am wanting to find a simple, step by step instruction on how to just remove the 16x16 favicons and drop down button from the search box. Possibly extend the search text field longer to compensate for the space where the icon and drop down button were. Everything else with regards to the search box will stay the same.

I have searched the web and these forums, however I can't seem to find simple instructions.

---

Chris Haas
DNN Creative Services
& Deployment Consultant

http://www.mrchrishaas.com

This is not something that's simple to explain. <br />
You would have to understand DNN skinning to be really know what you're doing and it's not something you can change from the administrative interface.
 

BTW, you should not make changes to the default skin as it could get overwritten on updates and you would loose your changes.
Copy the skin folder and work with that (Copy the \Portals\_default\Skins\DarkKnight folder).


The files you would have to edit are the ascx files in there.
You would have to change this line in every ASCX file:

<dnn:SEARCH ID="dnnSearch" runat="server" UseDropDownList="true" EnableTheming="true" Submit="Search" />

And replace it with:

<div class="SearchContainer">
<div class="SearchBorder">
<dnn:SEARCH ID="dnnSearch" runat="server" ShowWeb="False" ShowSite="False" UseDropDownList="False" EnableTheming="true" Submit="Search" />
</div>
</div>


Now you have to edit the skin.css file, to do some additional styling.

Look around #Header .SearchContainer{}
But you need some CSS knowledge for that..

---