Form labels automatically reduced in width

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


    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,

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

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


        width: 100% !important;


    This guide will help you injecting the code to your form: 

    I hope this helps. 

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

    Thanks Kevin, it works!