CSS code to resize and adjust different fields of configurable list widget.

  • cchfform
    Asked on July 3, 2019 at 9:43 AM

    im looking for css code to resize and adjust the different fields in my list. i want the text box to be centered under its title, the answer box to be narrower....

  • Ashwin JotForm Support
    Replied on July 3, 2019 at 11:28 AM

    Please inject the following custom css code in your configurable list widget and see if this gives you the desired result:

    th {

        text-align: center !important;

    }

    input[type=text] {

        width: 95px !important;

    }

    input[type=checkbox] {

    margin-left: 40px !important;

    }

    .stepper-wrap input.stepper {

        width: 35px !important;

    }

    The following guide should help you how to inject custom css code in widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

    Hope this helps.

    Do get back to us if you need any other changes.