#social-login-buttons

Last Modified on 08/03/2020 10:24 am PDT

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




Rate this Article

How would you rate this article?
Thank you for your feedback!
Copyright © 2015 – 2016 Your Company, LLC. All rights reserved.