Customize the Sign In Page

Use the default Branding page to customize the customer login in experience. For example, you can overwrite the existing CSS styles to customize the Sign-in Page.

You can customize this page by:
  • Modifying the language of the text in the page

  • Branding the page so that it displays the company name and logo

  • Adding login text to the page. This text provides additional information that the user requires to log in to Oracle Identity Cloud Service.

To customize the Sign In page, use the Branding page in the Identity Cloud Service console. To open the Branding page, you must be assigned to either the identity domain administrator role or the security administrator role. See Add or Remove a User Account from an Administrator Role.

  1. In the Identity Cloud Service console, expand the Navigation Drawer, click Settings, and then click Branding.
  2. Because you want to customize the Sign In page, click Custom Branding.
  3. Click Translation, and then select the language of the text for the Sign In page and the country for your identity domain. If you want English to be the text for the Sign In page, and your identity domain is located in the United States, then select English (United States).

    Important:

    Make sure the language that you specify for the Sign In page matches the default language of your web browser.
  4. In the Company Name field, enter the name of the company for the Sign In page.
  5. In the Login Text field, enter and format the login text for the page.
  6. In the Sign In Page region, click Upload for either the logo or the background image.
  7. Select the company logo or background image that appears in the Sign In page when the user accesses the page through a web browser or mobile device.

    Tip:

    Make sure that the file you want to upload adheres to the recommended dimensions and file size before uploading it. See Customize the Interface.
  8. In the Console region, click Upload.
  9. Select the console logo that appears in the Admin console when the user accesses the page through a web browser or mobile device.

    Tip:

    Make sure that the file you want to upload adheres to the recommended dimensions and file size before uploading it. See Customize the Interface.
  10. Preview your changes.
    1. Click Preview Sign In and web page opens that displays a preview of the customizations you made to the sign-in page
    2. Click Preview Console and web page opens that displays a preview of the customizations you made to the Admin console.
  11. Verify your customizations to the Sign In page.
  12. Reduce the size of the preview web page so that the dimensions of the page resemble the dimensions of a mobile device.
  13. Verify that the logo appears properly again.
  14. Click Save.