Specifying colors and fonts
Specify fonts and colors for styles in the customization web pages or in the cascading style sheets. Specify colors using the following methods:
Using a color name such as navy, yellow, or teal, as shown in the following example:
color: Yellow;
Using hexadecimal notation to set the amount of red, green, and blue to use in the color.
#FFFF00
Using decimal notation to set the amount of red, green, and blue to use in the color. In the customization web pages, fill in the value for red, green, and blue in the corresponding fields. In a CSS file, use a call to the rgb( ) method, as shown in the following example:
color: rgb(156, 207, 255);
How to change the font style of a single item
To change Actuate Information Console pages to display the user, system name, and volume in 12-point italic Comic Sans MS font:
1 In a text editor, open <context root>\css\allstyles.css.
2 Locate the following string:
bannerTextArea
There are two instances of the string bannerTextArea. The first is part of the definition for all the banner styles. This definition sets the banner styles’ common attributes. The second instance sets the attributes for bannerTextArea only and looks like the following text:
.bannerTextArea {
color: white;
font-size: 10pt;
text-align: left;
white-space: nowrap;
}
3 Modify the code that follows the bannerTextArea definition to change the font as shown in the following code:
.bannerTextArea {
color: white;
font-family: Comic Sans MS;
font-size: 11pt;
font-style: italic;
text-align: left;
white-space: nowrap;
}
4 Save and close the CSS file.
5 Refresh your web browser to view the changes.
Figure 2‑23 shows the new appearance of the banner.
Figure 2‑23 Appearance of customized Information Console banner
