How to style custom error message

  • Profile Image
    Asked on January 25, 2016 at 01:57 PM
    another question regarding my form.
    I’ve implemented your suggestion on the dates: excellent.
    It works.
    However, the error message does not look the same as the standard error messages.
    The standard error messages are in red.
    How can I realize that my own error message look the same.
  • Profile Image
    Answered on January 25, 2016 at 02:21 PM

    Considering that it is not possible to show Jotform error message, I would suggest you to use regular Text Field and then to style it with Custom CSS. 

    Inside of cloned form I applied this CSS code to my text field:

    #text_30 span {

        color : #ffffff;

        background-color : #ff3200!important;

        padding : 5px!important;

        margin-left : 150px!important;

        border-radius : 5px!important;


    Inside of this guide you can find how to inject custom CSS codes: 

    And inside of this guide how to find Field IDs & Names: 

    Warning message of my demo form looks like this. 

    Here is my demo form: 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.