Branding Ca Identity Portal Logo Example
Article ID: 10515
Updated On:
Products
Issue/Introduction
Example about How to Branding the CA Identity Portal Logo with your Company Logo.
This is just an example of many others that can be used to obtain similar results.
When branding the logo they found the 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.
Environment
Vapp 14.3 , Chrome Browser
Resolution
1.Login at Ca Identity Portal and then Click on “CA Identity Portal” Logo and then right click on the logo section to Inspect page elements
2. Once opened select Elements tab and search the "image-error" section which contains the Ca Logo image referenced.
**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/[email protected]"]{
display: none !important; }
3.Open the Ca Identity Portal AdminUI and From Portal Admin UI , we can Set the Logo Properties as showed on following example :
you can add your own Logo image uploading on the background image section.
4. To Disable the Ca Logo, Always on Logo Section, Go to "Desktop Custom CSS" Section, to add the CSS rule syntax created previously, to Disable the Default Logo.
Note : the above CSS rule example will produce the “Ca Technologies Identity Portal “ logo not be displayed
Syntax you need to Add here is the following :
[image-error="../static-html/images/[email protected]"]{
display: none !important; }
5.Save the Changes and Refresh or Re-login the Ca Identity Portal, it should looks like the following with your new Logo is displayed at the Left Upper Corner :
Additional Information
Documentation for Ca Identity Suite Virtual Appliance
For more information about css attributes you can try https://www.w3schools.com/css/
Attachments
Feedback
