Get Application Logo to display on login page instead of Tenant Logo

Knowledge Articles
, ,
1

Problem statement

We want to “White Label” applications on their tenant, which includes logo’s set within the application settings. But the problem is on the NUL the default is the tenant logo.

Solution

The easiest way to work around this is by updating code using the Auth0 branding editor as described here:
https://auth0.com/docs/customize/universal-login-pages/universal-login-page-templates#using-the-auth0-cli-

And setting the template code to something like this:

<!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>