Guide

#social-login-buttons class

Suggest Edits

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 {
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 CSSModified CSS


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

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

Updated almost 3 years ago