STS: How to Change the Color of the Horizontal Top Banner

This article describes how to change the background color of the top horizontal border globally across a Web site based on SharePoint Team Services from Microsoft.

When you open the default home page of a SharePoint team Web site, you can change the background color of the top horizontal border, which includes the Navigation bar by right-clicking it and choosing Cell Properties. This action only changes the color of the top border on that single page.

To change the background color of the top horizontal border across the entire site, follow these steps:

1. Open the SharePoint team Web site in FrontPage.
2. On the Tools menu, click Web Settings.
3. Click the Advanced tab, and then click to select the Show hidden files and folders check box.
4. Click OK to close the Web Settings dialog box.
5. Double-click the Ows.css file, which is located in the _layouts\styles folder, to open it.
6. Change the color of the background-color attribute under .ms-bannerframe.
   
   NOTE: The default color is #5f8ac5.

To help determine the hexadecimal number of a specific color, use the color picker in FrontPage.

NOTE: You can also replace the default hexadecimal number with a specific color; for example, red, blue, or green.