Cloud Access Manager 8.1.3 - Advanced Customization

Stacking the username and password fields

To stack the username and password fields

1. From the Cloud Access Manager Administration Console, click Settings | Customize Appearance.

2. Verify that Enable advanced customization mode is selected.

3. Click Download Current Customization CSS to download the current theme.css file.

4. Append the following rule to the end of the theme.css file:

   #loginForm {

    width: 300px;

    margin: 0 auto;

    padding-top: 30px;

   }

5. Upload the modified theme.css file and click Save.

Changing the font

To change to your web font

1. Copy your web font into the following directory on each of your STS hosts:

   C:\Program Files\One Identity\Cloud Access Manager\Customization\

2. From the Cloud Access Manager Administration Console, click Settings | Customize Appearance.

3. Verify that Enable advanced customization mode is selected.

4. Click Download Current Customization CSS to download the current theme.css file.

5. Append the following rules to the end of the theme.css file:

   @font-face {

    font-family: yourfont;

    src: url('/CloudAccessManager/Customization/yourfont-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

   }

   #custom,

   #custom .cui-masthead .cui-application-title,

   #custom .cui-masthead,

   #custom .section-title,

   #custom .loginTitle,

   #custom h2,

   #custom h3 {

    font-family: 'yourfont';

   }

6. Change the src declaration to reference your font filename.

7. Change the two font-family declarations to your font name.

8. Upload the modified theme.css file and click Save.

Changing the application sub-name

By default the application sub-name displayed in the header bar is Application Portal.

To change the application sub-name

1. From the Cloud Access Manager Administration Console, click Settings | Customize Appearance.

2. Verify that Enable advanced customization mode is selected.

3. Click Download Current Customization CSS to download the current theme.css file.

4. Append the following rules to the end of the theme.css file:

   .cui-application-subname {

    display: none;

   }

   .cui-application-title:after {

    content: 'Employee Portal';

   }

5. Update the content declaration to contain the required name.

6. Upload the modified theme.css file and click Save.

Removing the company name

If you want to remove your company name text from your company logo, perform the following steps.

To remove your company name text from your company logo

1. From the Cloud Access Manager Administration Console, click Settings | Customize Appearance.

2. Select Enable advanced customization mode and click Save.

3. Click Authenticators and then click Edit on the authenticator that will use the alternative company logo.

4. Click the Customization tab and verify that Customize this authenticator is selected.

5. Click Download Current Customization CSS to download the current theme.css file.

6. Remove or comment the following rules:

   #custom .cui-application-title:before {

    content: "One Identity Cloud Access Manager";

   }

   .loginTitle:before {

    content: "One Identity Cloud Access Manager";

   }

7. Upload the modified theme.css file and click Save.