Guide
Start typing to search…
  1. Hosted Login screens reference
  2. Hosted Login v1 CSS legacy classes

#social-login-buttons class

Buttons for the individual social login identity providers. 

The following illustrations show: 

  1. The #social-login-buttons style before applying CSS changes.

  2. The #social-login-buttons style after the width property has been changed to 70%.

Default CSSModified CSS


#social-login-buttons button {<br/> margin: 5px 0; <br/> padding: 0; <br/> width: 100%; <br/>}

#social-login-buttons button {<br/> margin: 5px 0; <br/> padding: 0; <br/> width: 70%; <br/>}

The following illustrations show: 

  1. The #social-login-button.twitter style before applying CSS changes.

  2. The #social-login-button.twitter style after the background-color property has been changed to green.

Default CSSModified CSS


#social-login-buttons button.twitter {<br/> background-color: #1DA1F2; <br/>}

#social-login-buttons button.twitter {<br/> background-color: green; <br/>}

Updated 21 days ago