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

Article translations Article translations
Article ID: 288230 - View products that this article applies to.
This article was previously published under Q288230
This article has been archived. It is offered "as is" and will no longer be updated.
Expand all | Collapse all


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.


Article ID: 288230 - Last Review: February 28, 2014 - Revision: 3.1
  • Microsoft SharePoint Team Services
  • Microsoft FrontPage 2002 Standard Edition
kbnosurvey kbarchive kbhowto KB288230

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from