CSS for SSO Options

Top  Previous  Next

In the login.css file, included in the 'web\css' folder of the z/Scope Anywhere installation, you will find the style for the login buttons.


#google { background-color:#4285F4; }

#google .imgbtn { background-image: url(../images/sso/google.png); }


#facebook { background-color:#2f4e9e; }

#facebook .imgbtn { background-image: url(../images/sso/facebook.png); }


#yahoo { background-color:#6839af; }

#yahoo .imgbtn { background-image: url(../images/sso/yahoo.png); background-size: 30px; }


#linkedin { background-color:#00A0DC; }

#linkedin .imgbtn { background-image: url(../images/sso/linkedin.png); }


#dropbox { background-color:#007ee6; }

#dropbox .imgbtn { background-image: url(../images/sso/dropbox.png); background-size: 30px; }


You can change the logo and/or background color of the login buttons for the Oauth 2.0 authentication methods.


Each pair of entries corresponds to one authentication method. The ID (#google, #facebook) must match the Virtual Path established in the New Authentication Method Settings section. With the installation, these parameters are matching by default, but make sure to change it in both places if you do.

The first line of each pair defines the button color, and the second one the button image.



Read More:

OAuth 2.0