Background Image is Not Loading for Custom Page Template


When using page templates the background image that has been specified is not used.


There is currently an issue with passing the background image parameter, and it is not listed here under Customize Universal Login Pate Templates / Branding:

To workaround this, use a template like this to specify the background image within the page template directly:

<!DOCTYPE html>
<html lang="{{locale}}">

  {%- auth0:head -%}
      body._widget-auto-layout {
        --page-background-image: url('<yourImageUrlHere>');
        background-image: var(--page-background-image);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    <title>{{ prompt.screen.texts.pageTitle }}</title>

<body class="_widget-auto-layout">
  {%- auth0:widget -%}