Need CSS Help to Change Error Message & Colors

  • unruhfurniture
    Asked on January 24, 2017 at 7:52 AM

    I would like to make the error messages more subtle on my form. Can you tell me how to:

     

    1.) Change the Bright Red background color where it says "This Field is Required". I would like to change it to #C8B499

    2.) Chane the overall Light Red/Pink background color on the error field. I would like to change it to #2B261F

     

    Need CSS Help to Change Error Message & Colors Image 1 Screenshot 20

  • Boris
    Replied on January 24, 2017 at 9:08 AM

    To change the background of the red bubble holding the error message, we can use the following CSS:

    .form-line-error .form-error-message {
        background-color: #C8B499;
    }

    .form-line-error .form-error-message .form-error-arrow {
        border-bottom-color: #C8B499;
    }

    To change the background of the entire field where there is an error, we can use CSS like this:

    .form-line-error {
        background-color: #2B261F;
    }

    You can inject CSS into your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please try it out, and let us know whether you need any further assistance. Thank you.

  • unruhfurniture
    Replied on January 24, 2017 at 9:45 AM
    That did the trick! Thanks.
    *Sam Unruh*
    Owner, Unruh Furniture
    cell: 816.808.5259
    ...