Form Field Error Message location and format

Is there a way to relocate the form fields error message;

There are errors on the form. Please fix them before continuing.

To another location on my forms, also font color and size.

I want the message to appear at the top or perhaps in the middle of the forms.

Hi there,

You can do this by using the Inject CSS functionality. (More info on how to use Inject CSS)

For the font color and size you can use the example css below:

.form-button-error {
    color:red;
    font-size:12px;
}

Having them appear at top or middle is a bit more tricky, but if you can tell us how you want it to be in more detail, we can come up with the relevant css for you.

Hope this helps. Please let us know if there's anything else we can help you with.

Edit: I misunderstood which error message you wanted to change in the first go. Answer updated to correct one. 

Please try adding this css code:

.form-button-error

{

position:absolute;

top:-350px;

}

You can test and clone the demo form:

http://form.jotformpro.com/form/42574192318962? 

You can adjust the values so that the error message is displayed in the place where you wish.

Let us know if we can assist you further.
Thank you

I'm Sorry this script did work..

 .form-button-error{

            position:absolute;  

            top:-409px;left:190px;font-size:11pt;color:#FE006F;

         }

Thank you very much

I'm Sorry this script did work..

 .form-button-error{

            position:absolute; top:-409px;left:190px;font-size:11pt;color:#FE006F;

         }

although using this worked a better for centering the text and I did not require the left syntax;

.form-button-error{

            position:relative; top:-460px; font-size:11pt; color:#FE006F; 

         }

Thank you very much