Display the Application Logo on Login Page Instead of Tenant Logo

Overview

This article explains a potential cause for the tenant logo displaying on the New Univeral Login page instead of the configured customizations within the Application settings.

Applies To

  • Application Logo
  • Blank Label
  • New Universal Login

Solution

This issue can be resolved by setting the template code to something similar to the example below using the Auth0 branding editor as described in Using the Auth0 CLI:
 

<!DOCTYPE html><html>
<head>
    {%- auth0:head -%}
    <style>
      #custom-prompt-logo {
      background-image: url({{application.logo_url}});
      }
    </style>
</head>
<body class="_widget-auto-layout _use-custom-prompt-logo" >
    {%- auth0:widget -%}
</body>
<footer class="footer"><ul><li>Privacy Policy</li></ul></footer>
</html>

Recommended content

No recommended content found...