Images
The logo and favicon images are configured in the Identity Cloud Console.
Logo
The logo is the main image that appears on Hosted Login screens, and defaults to the Akamai logo:
To replace this logo with your own image:
Step 1: Your image must be hosted online and retrievable via a publicly-accessible URL. If you do not already have an appropriate logo image available online, you’ll need to publish one.
NOTE! This image must be served over HTTPS or Hosted Login will not load it.
Step 2: Add the theming.logoURL setting to your login client in the Identity Cloud Console.
- Navigate to MANAGE PROPERTIES
- Find your login client in the list of properties; Click the Actions menu ( ) and select Edit
- Click the EDIT SETTINGS button at the bottom of the Settings section
- Click the Add Setting icon (
). This will add a new line to the bottom of the list. - Type or paste in the new setting name:
theming.logoURL - Click on the Create theming.logoURL. popup
- Add the URL for your image as the setting value
- Example value:
https://mysite.com/images/logo.png
- Example value:
- Click the Save icon (
)
It may take several minutes for your changes to be reflected in Hosted Login after you update a setting in Console.
Example result on Hosted Login screen:
Favicon
The favicon is the tiny icon that appears on the browser tab of Hosted Login screens, and defaults to the Akamai favicon:
To replace this favicon with your own:
Step 1: Your favicon must be hosted online and retrievable via a publicly-accessible URL. If you do not already have an appropriate favicon image available online, you’ll need to publish one.
NOTE! This image must be served over HTTPS or Hosted Login will not load it.
Step 2: Add the theming.faviconURL setting to your login client in the Identity Cloud Console.
- Navigate to MANAGE PROPERTIES
- Find your login client in the list of properties; Click the Actions menu ( ) and select Edit
- Click the EDIT SETTINGS button at the bottom of the Settings section
- Click the Add Setting icon (). This will add a new line to the bottom of the list.
- Type or paste in the new setting name:
theming.faviconURL - Click on the Create theming.faviconURL. popup
- Add the URL for your favicon as the setting value
- Example value:
https://mysite.com/images/favicon.png
- Example value:
- Click the Save icon ()
It may take several minutes for your changes to be reflected in Hosted Login after you update a setting in Console.
Example result on Hosted Login tab:
