New Universal Login Widget at the Top Left of the Page

Overview

The New Universal Login widget is positioned at the top left side of a page.

 

Cause

The page template for the login does not reference the class to center the widget:
 

<body class="_widget-auto-layout">


 

Solution

To center the New Universal Login widget on a page, include the CSS code class="_widget-auto-layout" in the <body> element in the page template used in the tenant.
Please see this document for more details.


For example:
 

<!DOCTYPE html>
<html>
<head>
{%- auth0:head -%}
</head>
<body class="_widget-auto-layout">
{%- auth0:widget -%}
</body>
</html>

 

Recommended content

No recommended content found...