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

    Customize font inside of field error bubble and color of label upon error

    Asked by murcjot on April 20, 2012 at 01:46 PM

    The label font color changes when the field required error message pops up. How do I control the color that this changes to?

     

    Also, how do I change the font color inside of the field error message bubble?

     

    Thanks in advance.

  • Profile Image
    JotForm Support

    Answered by abajan on April 20, 2012 at 10:40 PM

    Thanks for asking.

    The following rule effects the color of required fields' labels when the error message pops up:

    .form-line-error {
    color: red;
    }

    (Change the color to your preference.)


    The following rule effects the error message bubble's text color:

    .form-error-message {
    color: red !important;
    }

    (Again, substitute the color of your choice.)

  • Profile Image
    JotForm Support

    Answered by abajan on April 20, 2012 at 10:45 PM

    I forgot to state that those rules should be injected into the form. Please see How to Inject Custom CSS Codes in the Advanced Features section of our user guide.

  • Profile Image

    Answered by murcjot on April 20, 2012 at 10:56 PM

    Yes I have already made changes after you first responded. Thank you for your help

  • Profile Image
    JotForm Support

    Answered by abajan on April 20, 2012 at 10:58 PM

    You're welcome. Do let us know if you need help with anything else.

  • Profile Image
    JotForm Support

    Answered by abajan on April 20, 2012 at 11:08 PM

    By the way, to change the color of sub labels (the small labels under some inputs), use the following rule:

    .form-line-error
    .form-sub-label {
    color: red;
    }