Display the Application Logo on Login Page Instead of Tenant Logo
Last Updated:
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>