Help with custom css code to control the fields width and margin.

  • Profile Image
    Asked on November 11, 2018 at 09:40 AM


    Can you help with configurable list widget css

    How can I control the fields width and margins, it seems that from the demo all the css commands are not effecting.

    This is a re-post of a comment on How to Inject CSS Codes to Widgets

  • Profile Image
    Answered on November 11, 2018 at 10:42 AM

    I have injected the following custom css code in your form's configurable list widget and that seems to have fixed the issue:

    th {

        padding-left: 0px;


    input[type="text"] {

        width: 100px;


    .col2 {

        width: 45px !important;

        padding-right: 0px !important;


    .checkbox-container {

        width: 45px;


    textarea {

        width: 130px !important;

        height: 40px;


    .col4 {

        padding-right: 0px;


    .stepper-wrap input.stepper {

        text-align: left;

        width: 56px !important;


    .stepper-wrap {

        width: 45px;


    Please check the screenshot below:


    Hope this helps.

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