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
- In Windows Explorer, navigate to the files directory for the Siebel client.
For example, C:\Siebel\8.2\Client_1\PUBLIC\enu\FILES .
- 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.
- 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.
- 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;}
- Locate the following code:
.applicationMenu {background:#123783;}
- Change the value of the background attribute. Use the following code:
.applicationMenu {background:#BDD3FF;}
- Save the file.
- Clear your the browser cache and then open the Siebel client.
For the NREC example, open the Partner Portal application.
- Verify that Siebel CRM displays the banner frame with the new background color, as illustrated in the following screen capture:
|