How can I change the field error highlight color?

  • LBounce
    Asked on August 6, 2016 at 8:29 AM

    Hello, 

     

    As attached please helps change the colour of the highlight field to: #007cba

    * Also, I would like every field on my form to be mandatry and highlight when not completed

     

    Thanks, Scott

    Jotform Thread 899982 Screenshot
  • Nik_C
    Replied on August 6, 2016 at 9:08 AM

    In order to change the field highlight color you will have to inject the following CSS code:

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

        border: 1px solid #007cba!important;

        -webkit-box-shadow: 0 0 3px #007cba!important;

        -moz-box-shadow: 0 0 3px #007cba;

        box-shadow: 0 0 3px #007cba;

    }

    .form-textbox:focus, .form-textarea:focus {

        border: 1px solid #007cba!important;

        outline: none;

    }

    To inject the CSS code follow this guide:

    How can I change the field error highlight color? Image 1 Screenshot 30

    To make all the fields required you will have to check the required option for every field in a form.

    How can I change the field error highlight color? Image 2 Screenshot 41

    Let us know if this worked for you.