How can I change the width of the error messages ?

  • Profile Image
    Scott
    Asked on November 25, 2015 at 03:13 PM
    - I decreased the width of the form, yet the hover/focus background color extends to the original width, along with the error messages. 
  • Profile Image
    Kevin_G
    Answered on November 25, 2015 at 03:36 PM

    To change the width of the error messages, just go to Desginer :

    Paste this CSS code in the CSS tab and click on Save, now the width of the messages text will fit the width of the form : 

    .form-line{

        width:auto !important;

    }

    Here is my sample form : 

    https://form.jotform.com/53285615320956

    Let us know if you have more questions, we will be glad to assist you.

    Regards.