#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;
}