Branding Ca Identity Portal Logo Example

Document ID : KB000010515
Last Modified Date : 14/02/2018
Show Technical Document Details
Introduction:

Example about How to Branding the CA Identity Portal Logo with your Company Logo.

 

 

 

Background:

This is just an example of many others that can be used to obtain similar results.

When customers trying to branding the logo they found the Ca Identity Portal text cannot be removed easily and remains at front of the background image and difficult to set  their own company logo at left upper corner.

Image1_LogoDefault.png

Environment:
vApp 14.01Chrome
Instructions:

1.       Login the Portal  and then Click on “CA Identity Portal” and then right click to Inspect the page elements

 

 image2.png

 

 image3.png

**On this example, we will use the image-error element (highlighted in yellow color) to create the CSS rule , using with the following syntax :

 

[image-error="../static-html/images/CA_logo@2x.png"]{

display: none !important; }

 

 2.       Open the Ca Identity Portal Adminui and  From Portal Admin UI , we can Set the Logo Properties as following example :

 

 

CustomizeDesktopScreenNew.PNG 

 

3.       Always on Logo Section, Go to Custom CSS, to add the CSS rule syntax created previously, to unable the Default Logo.

 

 

 image5.png

Syntax :

 

[image-error="../static-html/images/CA_logo@2x.png"]{

display: none !important; }

 

*** the above CSS rule example will produce the “Ca Technologies Identity Portal “ logo not be displayed

 

4.       Save the Changes and Refresh or Re-login the Ca Identity Portal, it should looks like the following:

 

  

image6.png

 

 

 

 

 

Additional Information:

Documentation for Ca Identity Suite Virtual Appliance

https://docops.ca.com/ca-identity-suite/14-0/EN/administrating/administrating-ca-identity-portal/ca-identity-suite-administration/apply-branding

 

For more information about css attributes you can try   https://www.w3schools.com/css/