CSS Styles

Each customizable UI element in the login page has an associated CSS style that you can use to change the appearance of the element. .

The styles are located in the styles.css file located in the <installation_location>/webcontent/ps/login folder

The following is a list of the available CSS styles:

Table 1. Customizing the login page, CSS styles

CSS class name

Description

.loginHeader

Styles the header container

.loginHeaderTitle

Styles the title in the header

.loginHeaderLink

Styles the UI sections in the header

.loginHeaderLinkAnchor

Styles the links in the header

.loginHeaderButton

Styles the buttons in the header

.loginHeaderButtonOver

Styles how buttons in the header will appear when they are hovered over

.loginPrompt

Styles the prompt container

.loginPromptCaption

Styles the caption message in the prompt body

.loginPromptInputLabel

Styles the prompt input label

.loginPromptInputText

Styles the prompt input

.loginPromptInputStaticText

Styles the static (read-only) text in the prompt

.loginFooter

Styles the footer container

.loginFooterButton

Styles the buttons in the footer

.loginFooterButtonOver

Styles how buttons in the footer will appear when they are hovered over