Form labels automatically reduced in width

  • Profile Image
    webmasterderand
    Asked on October 20, 2017 at 08:15 AM

    Hi, 

    In the back-end of my form, every label stays on 1 line, but when I look at the front-end form, the labels suddenly move onto several lines - as if the width of the form/table cells is being reduced. 

    It seems to happen when/after I edit the submit button in the Advanced Form Designer.

    What can I do to prevent this from happen?

    I explained the problem visually in the screenshot. 

    Thanks for the help!

    Kind regards,
    Laurens

  • Profile Image
    Kevin_G
    Answered on October 20, 2017 at 10:46 AM

    Please inject the following CSS code in order to resolve the issue: 

    .form-label{

        width: 100% !important;

    }

    This guide will help you injecting the code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps. 

  • Profile Image
    webmasterderand
    Answered on October 23, 2017 at 03:59 AM

    Thanks Kevin, it works!