Developing and Deploying Siebel Business Applications > Configuring Logos, Banners, and Colors > Process of Configuring Logos, Banners, and Colors >

Modifying the Banner Color

This task is a step in Process of Configuring Logos, Banners, and Colors.

To modify color and other styles in a Siebel Web template, you use a cascading style sheet. To modify the color of the banner frame, you change code in the cascading style sheet for your Siebel application.

To modify the banner color

1. In Windows Explorer, navigate to the files directory for the Siebel client.

   For example, C:\Siebel\8.2\Client_1\PUBLIC\enu\FILES.

2. Open the dCCmain.css file.

   The dCCmain.css file is the cascading style sheet for Siebel Customer and Partner Applications. The main.css file is the cascading style sheet for Employee applications.

3. In the Banner Definitions section, locate the following code:

   .banner,
   TD.banner TD A,
   TD.banner TD A:visited,
   TD.banner TD A:hover {background-color: #afc2ea; color: #003399; text-decoration:none; font-weight:bold;}

   This code defines the banner selector and properties.

4. Change the value of the background-color attribute and the color property. Use the following code:

   .banner,
   TD.banner TD A,
   TD.banner TD A:visited,
   TD.banner TD A:hover {background-color: #BDD3FF; color: #333399; text-decoration:none; font-weight:bold;}

5. Locate the following code:

   .applicationMenu {background:#123783;}

6. Change the value of the background attribute. Use the following code:

   .applicationMenu {background:#BDD3FF;}

7. Save the file.
8. Clear your the browser cache and then open the Siebel client.

   For the NREC example, open the Partner Portal application.

9. Verify that Siebel CRM displays the banner frame with the new background color, as illustrated in the following screen capture: