Using CSS to Customize the Login Page

The login page supports CSS configuration enhancements to allow organizations to futher brand the login page to best serve their organization. The below references can be used to create custom CSS for the login page

To Enable Custom CSS navigate to Configuration > Security > Identity Providers > Web Template. Click the Enable Custom CSS (Advanced) checkbox to open the Custom CSS entry box.

Specific CSS identifiers/selectros are shown below

Custom CSS Styling may be written as follows:

.cs-wrapper
{ background-color: #afbcel; }
.cs-login-logo
( background-image: url (https://test.com/image.jpg); }
.cs-header
{ background-color: #0d66b2; }
.cs-button
{ color: #0d66b2; background-color: #d7ddf0; }
.cs-button:hover
{ color: #d7ddf0; background-color: #0d66b2; }
.cs-button-aslink
{ top: 240px; }