How to change box color for the error message?

  • Profile Image
    Asked on May 29, 2015 at 09:15 AM

    For example, if you click in the FIRST NAME box and then click elsewhere (without completing the field), the pink highlight box appears. But then...the gray box around the FIRST NAME field turns to white which is confusing. How can I keep the gray box around the fields at all times?

  • Profile Image
    Answered on May 29, 2015 at 11:16 AM

    I'm not sure if I understand your first question, the warning/error message shows when you set your field to "required", it shows/hides immediately when the focus is out of that field. But if you would like to change the box color of your form when an error is shown, then you can use this custom CSS code.

    .form-line-error input:not(#coupon-input), .form-line-error textarea, .form-line-error .form-validation-error {

        box-shadow: 0 0 3px black !important;  


    In your Form Designer Tool, paste your CSS code there.

    This is how it should look like:


    For questions 3, 4 and 5. I made separate threads for them so that we can better assist you. Please refer to the following links: 


    We will address them shortly.

    Thank you.


  • Profile Image
    Answered on May 29, 2015 at 11:38 AM

    I believe that fixed the issue. See

  • Profile Image
    Answered on May 29, 2015 at 12:23 PM

    Glad to see my colleague's guide help you fix the issue, let us know if you need anything else, we will be glad to assist you.