Change the Login Page
You can change the Login page of your Composer environment from the default values by uploading a custom CSS file. This enables you to use your organization's color scheme and branding not only on the background image, but on the background animation, login box, and button. This topic describes:
Change the Login Page Background Gradient
The Customize UI tab in the Composer environment enables you to change the background. You can also change the gradient animation color of the background to match the changes applied to the Login Page background. Use the selector illustrated below:
#init-page-gradient {
background: orange !important;
}
Change the Login Box
You can change the color of the Login Box for your Composer environment by using selector shown below:
#login-box.samlEnabled.collapse_login_box {
background-color: orange !important;
}
You can also make the Login Box transparent by specifying a back-color value of the following:
background-color: rgba (0, 50, 50, 0) !important;
Change the Login Button Color
You can change the color of the Login button on your Composer environment. Follow the selector below:
input.btn.btn-success.btn-large {
background-color: red !important;
}
To change the hover color of the Login button, follow the example selector below:
input.btn.btn-success.btn-large:hover {
background-color: blue !important;
}
Comments
0 comments
Please sign in to leave a comment.