Follow in Twitter & Facebook

Like in Facebook

Powered By Blogger Widgets

Free Download

FREE Tools

Sunday, February 5, 2012

Branding the Search box in SharePoint 2010

By default SharePoint search box will look like below as shown in the figure.
Here we will see how we can modify the css of the search textbox in a SharePoint 2010 site.
Here we have made our custom master page and also custom css file. In the custom master page we have called our custom css file like below:

<SharePoint:CssRegistration runat="Server" Name="/_layouts/styles/OurCustomCSS.css" After="corev4.css"/>

And our css content code is like below:
.s4-search {
background:#333333; border:1px solid #666666 !important; width:200px !important; height:17px;padding:2px;

color:#CCCCCC; line-height:20px;

After this the seach box will look like below.

0 on: "Branding the Search box in SharePoint 2010"