SocialGO Signup and Login CSS Elements and Attributes


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. /* This changes color of the entire sidebar column section */
  2.  
  3. div#sidebar {
  4. background-color:#222222;
  5. }
  6.  
  7. /* This changes color of the entire signup button surrounding area */
  8.  
  9. .sidebar-box {
  10. background-color:#222222;
  11. }
  12.  
  13. /* This changes color of the "Sign Up Now!" */
  14.  
  15. .buttons a, .buttons button {
  16. background-color:#222222;
  17. }
  18.  
  19. /* This changes color of the outline around button */
  20.  
  21. buttons a, .button a, button {
  22. border:2px solid #222222 !important;
  23. }
  24.  
  25. /* This changes color of the "Not A Member" */
  26.  
  27. div.sidebar-box h3 {
  28. color:#FFFFFF;
  29. }
  30.  
  31. /* This changes color of the background inside button */
  32. #sb-signup .buttons a, #sb-signup .buttons {
  33. color:#FFFFFF;
  34. }
  35.  
  36. /* This changes color of the "Sign In" surrounding area */
  37.  
  38. form fieldset, .fieldset {
  39. background-color:#222222;
  40. border-color:#222222;
  41. }
  42.  
  43. /* This changes color of the "Sign In" Heading */
  44.  
  45. div#sb-signin h3 {
  46. color:#FFFFFF;
  47. }
  48.  
  49. /* This changes color of the "Sign In" field labels for Email and Password */
  50.  
  51. div#sb-signin form label {
  52. color:#FFFFFF;
  53. }
  54.  
  55. /* This changes color of the "Keep me signed in" */
  56.  
  57. div#sb-signin td {
  58. color:#ffffff;
  59. }
  60.  
  61. /* This changes color of the "Forgot Your Password?" */
  62.  
  63. div#sb-signin a:link, a:visited, a:hover, a:active {
  64. color:#FFFFFF;
  65. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.