Login page customization

[SusanSeyfarth]

Our log in ID for student accounts is FirstName.LastName, not email address. But the log in screen specifically says EMAIL where they need to enter their user name.  This creates a LOT of confusion. How can I change the wording on the log in screen to say User Name instead of Email?

[jerry_nguyen]

@SusanSeyfarth 

From my understanding, you can't customise the wording on the login page. A workaround is to upload a custom CSS The following CSS will hide the word "Email" and change it to "FirstName.LastName"

#login_form > :nth-child(5) > .ic-Label:after {
    content: 'FirstName.LastName' !important;
    display: block !important;
    visibility: visible !important;
}
#login_form > :nth-child(5) > .ic-Label {
    visibility: hidden;
}

However, this CSS will not work on the Canvas mobile app and it might not work in future Canvas releases

[chriscas · Accepted solution]

Hi @SusanSeyfarth,

CSS mods should not be necessary here.  If you visit the Authentication settings page for your root account (<school>.instructure.com/accounts/<account_id>/authentication_providers) you can set the Login Label in the SSO Settings area as "Firstname.Lastname" or whatever text you'd like.  Once you save that change, the login page should use that label.

-Chris

[SusanSeyfarth]

This is awesome & worked like a charm. Thank you so much!