Error background not fully 100% width (required fields error)

  • Profile Image
    tebster
    Asked on January 26, 2012 at 04:38 AM

    Hi there,

    When the error messages appear for an incomplete form, the background red colour does not fill the full width (or matches the form heading width) it seems to be 10px short.

    This happens in chrome, IE, safari and opera. It does not happen in firefox.

    Any help would be much appreciated.

    Andrew.

     

  • Profile Image
    idarktech
    Answered on January 26, 2012 at 05:09 AM

    Hi Adrew,

    Welcome to JotForm!

    Using Firefox, the red background error on your form looks fine, it's equally aligned both sides. But, after switching to Chrome Browser it displays exactly as that. To fix it, kindly inject this CSS Code on your form:

    .form-line {
    width:950px !important;
    }

    Preview: http://www.jotform.com/form/20255933614?

    Here's a guide on how to inject custom css codes on your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I hope this helps. Please let us know if you have further questions with regards to this. Thank you so much for using JotForm, have a great day!

  • Profile Image
    tebster
    Answered on January 26, 2012 at 05:39 AM

    Many thanks for the speedy reply idarktech.

    This has fixed the problem.

    Many thanks again.

     

    regards

    Andrew

  • Profile Image
    idarktech
    Answered on January 26, 2012 at 07:16 AM

    Your welcome, Andrew. If you have any other questions or concerns, feel free to let us know. Thank you for using JotForm!