Make all text fields the same width/fullwidth

  • Profile Image
    deviousmarketing
    Asked on January 30, 2018 at 10:58 PM

    I've created a form and it looks great but the 4 text fields are split into 2 columns, and the width of those columns is wider than the rest of the text fields in the form which are located underneath. How can I make all of the rest of the text fields the same width as the 4 text fields that were split into two columns?

    To be clear I am not talking about any of the radio buttons, or checkbox fields. Only the text fields.

    It looks fine on mobile, but it I can't make the form look uniform on desktop.

    Screenshot provided...

  • Profile Image
    Ardian_L
    Answered on January 31, 2018 at 06:56 AM

    Can you please put this CSS Code on Custom CSS Area:

    [data-type="control_textbox"] .form-input-wide{

    max-width: 1059px;

    }


    .form-textbox {

        max-width: 1059px !important;

    }

    Please check the link below on how to inject css code on your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if you have any other question.