Branding Ca Identity Portal Logo Example

Document ID:  TEC1476072
Last Modified Date:  08/18/2017
{{active ? 'Hide' : 'Show'}} Technical Document Details

Products

  • CA Identity Suite

Releases

  • CA Identity Suite:Release:14.0 SP1

Components

  • SIGMA-Identity Suite:SIGMA
Summary:

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.01 Chrome
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/

 

 

Please help us improve!

Will this information enable you to resolve your issue?

Please tell us what we can do better.

{{feedbackText.length ? feedbackText.length : '0'}}/255

{{status}}

Not what you were looking for?

Search Again >

Product Information

Support by Product >

Communities

Join a Community >