What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Change Required field Error Background Color

    Asked by densoheavyduty on August 14, 2015 at 06: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. 

    Page URL:
    http://densoheavyduty.com/ampforlife/

    Screenshot
    required field form-line background-color OR
  • Profile Image
    JotForm Support

    Answered by Kiran on August 14, 2015 at 09: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 :

    Hope this information helps.