Based on some of the posts, here I tried to implement the .css file for Perspective co-branding but still struggling to get it to work for the login page where you input the username and password. Any help in this matter will be appreciated. Below, is the snippet of the code I am using
/* This is whats needed to replace the login panel content */
.client-login .brand-side-panel .gradient-background {
background-image: url("https://cgaxisimages.fra1.cdn.digitaloceanspaces.com/2014/07/17-copy1.jpg") !important;
background-position: center;
}
.client-login .brand-side-panel .gradient-background.perspective {
background-image: url("https://cgaxisimages.fra1.cdn.digitaloceanspaces.com/2014/07/17-copy1.jpg") !important;
background-position: center;
}
/* This is how I clear out the text "Log in" */
.login-header span, .login-header.perspective span {
display: none;
}
/* And replace it with new text */
.login-header::after, .login-header.perspective::after{
content: "Hello World!" !important;
color: #000000;
background-color: #E5E5E5E5;
}
/* Here is how I Replace the background for the loading/logging pages */
.terminal-state-page.--standard, .terminal-login-page {
background-image: url("https://c0.wallpaperflare.com/preview/652/943/804/close-up-fresh-freshness-garden.jpg") !important;
background-size: cover;
}
/* And one again I give the loading section a background because my picture is too dark! */
.client-loading-page .loading-display .multi-stage-wheel {
background-color: #E5E5E5E5;
}
/* And I give the logout message a background because my picture is too dark! */
.terminal-state-message {
background-color: #E5E5E5E5;
}
