Lock CSS Customizations

Knowledge Solutions
, , ,
1

Problem Statement

We want to make further customizations and changes to the Classic Universal Login page than what is available with the UI options.

Solution

Customizing your Lock by overriding its CSS isn’t recommended. However, you can make CSS customizations using the available options: lock/index.styl at master · auth0/lock · GitHub

Please version the lock script and thoroughly test changes to make sure nothing adverse is happening.

Sample formatting of a tag:

  <style>
    .auth0-lock-name {
      font-size: 14px !important;
    }
  </style>

Reference