#social-login-buttons


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 CSS

Modified CSS

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

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

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 CSS

Modified CSS

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

#social-login-buttons button.twitter {
 background-color: green;
}