Text fields are now variable width after updating in Form Designer

  • Profile Image
    davsun55
    Asked on February 08, 2018 at 05:47 PM

    I think I've broken something.

    I was using Advanced CSS Editor to adjust row padding etc, clicked on a Text field and changed the text width (it was 373), and now some of my fields are varying width. They are ignoring their width values.

    For example, the Total cost, Paypal, Deposit and Balance fields should all be the same width as per attached.

    I can't fix it.

    Can you help?

    Tks

  • Profile Image
    Kevin_G
    Answered on February 08, 2018 at 08:52 PM

    I think there may be a conflict with the settings on the designer tool and the settings through the field wizard, but I would recommend you to inject the following CSS code to overwrite the properties and have the same width on all the fields: 

    #id_72 input,

    #id_79 input,

    #id_77 input,

    #id_81 input{

    width: 300px;

    }

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

    I hope this helps.