The Sign In button default text color for responsive webforms is white.  So if your website has a white background, the buttons are no longer visible.  

To make the Sign In button a different color and visible again, you need to add CSS into the custom style sheet.  

Note: Design changes are not within the scope of support. If you need further assistance, we recommend using a web developer.
  1. Click Web > Page Designer
  2. Click Next to go to Colors and Styles
  3. Click Advanced Colors and Styles > Click Edit Style Sheet
  4. To change the color of the font, copy the code from one of the following options: 
  • If you want to change all three of the Register, Sign in, and Sign Out buttons to be the same color, use this code example to change it to black:
.MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer a {
color: black;
}
Here is an example of how targeting the Register, Sign In, and Sign out buttons with the same color may look in your Page Designer.  Note: You may see different styles in the upper portion of the sheet, depending on your customization.
Register, Sign in, and Sign Out buttons same color

 
  • If you want to target the Register, Sign in, and Sign out link separately, you can use these examples:
.MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer a.RegisterLinkButton{
    color: black;
}



.MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer a.BBModalEditLink{
    color: black;
}


.MS_SignOutButtonPositionLocator {
    color: black;
}
Here is an example of how targeting the Register, Sign In, and Sign Out buttons separately may look in your Page Designer.  Note: You may see different styles in the upper portion of the sheet, depending on your customization.
 Register, Sign in, and Sign Out separate

 
  1. Scroll to the bottom of the stylesheet, and click Enter on the keyboard
  2. Paste the copied code
  3. Click Save
  4. Click Next
  5. Click Submit