How to change color of error messages in form

Follow

Jane Vance

• May 02, 2017 13:23

How can I change the color/appearance of error messages that appear in the form when a field is not correctly filled out?

Original post by Morten Persen

0

• Official comment

  

  Jane Vance

  • May 02, 2017 13:25

  Answer from ShortStack Support: This can be done via the Style Panel. Here's how: 

  1. Click the icon at the top to open the Style Panel
  2. Click the Form Widget in the Edit Widgets Panel to open the Form Widget settings in the Style Panel
  3. Within the Style Panel under ALL FORM, click ERRORS
  4. In the ERROR TEXT section, update the color in the box below Error Text Color
  5. Click Save at the bottom of the Style Panel

  Steps 1-4 are illustrated in the image below.
  

  For older Campaigns not using Style Panel: 

  If you are not using the Style Panel for your Campaign (older Campaigns), then error messages can be changed with this CSS:

  label.error{
    color:#fff!important;
  }

  Permalink

Please sign in to leave a comment.