4 Customizing Colors, Fonts and Alignment

This chapter describes how to customize the look and feel of the Administrative and User Console. You do this by editing the cascading style sheets.

Files to Modify

To customize colors, fonts, and alignments, you edit the xlWebApp\css\Xellerate.css file or the locale-specific cascading style sheets.

Customizing the Appearance of Administrative and User Console

The Xellerate.css style sheet defines the color, font, point size, and alignment of the Administrative and User Console pages. After you determine how you want to edit the appearance of the Administrative and User Console, perform the following steps:

1. View the source for the page.

2. Determine the style sheet class associated with the element on the page that you want to change.

3. Lookup the style sheet class name within the Xellerate.css file.

The Xellerate.css file contains context labels. Use these context labels to locate the class to edit when customizing a particular aspect of the Administrative and User Console appearance. In addition, the classes within this file are organized according to the region of the screen, such as header, body, and footer, and the HTML elements they affect, such as links, tables, and check boxes.

See Also:

The "Accessing Administrative and User Console Customization Files" section for details on how to access the Xellerate.css style sheet.