The CSS tab allows Users to customize the look and feel of banner backgrounds and tabs within the system. Knowledge of working with cascading style sheets is recommended when making changes to these settings.
The options available for configuration include:
CSS Editor |
|
Application Banners |
|
div.login-panel div.login-header div.login-title-custom |
This controls the style of the customized banner on the Login page. |
div.login-panel div.login-header div.login-title-container |
This controls the style of the default banner on the Login page. |
div.login-panel div.login-header span.login-app-logo |
This controls the helpdesk icon graphic on the Login page. |
#header .customPngBanner |
This controls the style of the customized banner within the User portal. |
#header .defaultBanner |
This controls the style of the default banner graphic within the User portal. |
#header .customPngBanner |
This controls the style of the customized banner within the Customer & Public portals. |
#pageHeader .defaultBanner |
This controls the style of the default banner within the Customer & Public portals. |
Menu Options (User Portal) |
|
#menu a.active |
This controls the highlight on the active (main) menu selection. |
submenu a:hover |
This (in tandem with the span extension) controls the mouseover (hover) on the submenu tabs. |
#submenu a:hover span |
This (in tandem with the hover default above) controls the mouseover (hover) on the submenu tabs. |
#submenu a.active |
This controls the highlight applied to the selected submenu options. |
If unwanted changes are made to the system Style Sheets, use the Default button to return the system to the out-of-the-box format.