How can I change the field error highlight color?

  • Profile Image
    LBounce
    Asked on August 06, 2016 at 08: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

  • Profile Image
    Nik_C
    Answered on August 06, 2016 at 09: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:

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

    Let us know if this worked for you.