Change Required field Error Background Color

  • densoheavyduty
    Asked on August 14, 2015 at 6:50 PM

    I'm trying to change the background color of a field, which changes after the user clicks off of a required field without filling it out. I've inserted the following code into the CSS, but it doesn't seem to be helping. 

    .form-line-error{
    background-color: #black !important;
    }

    I either need to have the background remain black, or have the text turn to black. 

    Jotform Thread 639349 Screenshot
  • Kiran Support Team Lead
    Replied on August 14, 2015 at 9:01 PM

    Please try inject the following CSS code to your JotForm to change the background color of error message to black and text color to white.

    .form-error-arrow-inner {

        border-bottom-color : #000000;

    }

    .form-line-error .form-error-message {

        background-color : #000000;

        color : #FFF;

    }

    .form-line-error {

        background-color : #D3D3D3;

    }

     

    By injecting the above CSS to your JotForm, the error message is displayed as below :

    Change Required field Error Background Color Image 1 Screenshot 20

    Hope this information helps.