Need to change the user and password field text color in vApp Portal login page

book

Article ID: 126353

calendar_today

Updated On:

Products

CA Identity Manager CA Identity Governance CA Identity Portal

Issue/Introduction

In CA Identity Portal you can Brand screens by changing Colors or Adding Pictures.

We have Identity Suite 14.1 vApp, and would like to change the font color on the username and password fields, but I am not able to find where this could be done. Our login page is using a dark background color that needs the text to be lighter, right now it is default to black. I looked in the sigma/admin side under branding, and tried several instances to add a custom CSS attribute but its not working. I looked through the docs and some from the community portal but its seems to say that this is not doable in vApp

Could someone point me where this could be done? 

Environment

CA Identity Portal 14.x

Resolution

Change the Username and Password text color in the Identity Portal Login page

 
  1. In the Identity Portal Admin UI, click on the Branding tab.
  2. Choose the Public View (key icon) and then add a new custom rule by clicking on the ‘+’ icon.

    <Please see attached file for image>

    User-added image
     
  3. In the “Add CSS Selector Name” dialog, add the text #username and click “Apply”.

    <Please see attached file for image>

    User-added image
     
  4. Click on the “Add Attribute” button and choose “color” from the dropdown list.

      

    <Please see attached file for image>

    User-added image       

    <Please see attached file for image>

    User-added image

     
  5. Choose a color.
     

<Please see attached file for image>

User-added image

 
  1. Add a new Custom rule, and repeat steps 3-5, only this time instead of using the selector name #username use #password.

    <Please see attached file for image>

    User-added image
     
  2. Click on Save.

     

Attachments

1558690423910000126353_sktwi1f5rjvs16ga3.jpeg get_app
1558690422031000126353_sktwi1f5rjvs16ga2.jpeg get_app
1558690419999000126353_sktwi1f5rjvs16ga1.jpeg get_app
1558690418042000126353_sktwi1f5rjvs16ga0.jpeg get_app
1558690416272000126353_sktwi1f5rjvs16g9z.jpeg get_app
1558690412757000126353_sktwi1f5rjvs16g9y.jpeg get_app