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

  • Profile Image
    murcjot
    Asked 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
    abajan
    Answered 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
    abajan
    Answered 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
    murcjot
    Answered 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
    abajan
    Answered on April 20, 2012 at 10:58 PM

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

  • Profile Image
    abajan
    Answered 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;
    }