configurable list widget.textbox size

  • Profile Image
    Asked on November 23, 2015 at 09:31 AM



    I know I have asked this question before, but this time it is for the configurable list widget.

    The CSS code that was answered in the first question, does not solve my problem like it did in the question before.


    Can somebody provide me with an answer to make the textboxes smaller, so that it will match the text on the label that is above it?


    (link to the first question:)


    Thanks in advance,



  • Profile Image
    Answered on November 23, 2015 at 11:23 AM

    Thank you for contacting us. 

    You can change the width of number fields inside of Configurable list by Injecting Custom CSS. Inside of Configurable list Custom CSS, add this code:

    .stepper-wrap input.stepper {

        text-align: left;

        width: 25px!important;


    After adding this code your form will look like this. 

    Here is my demo form: Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.


  • Profile Image
    Answered on November 24, 2015 at 05:57 AM

    I love you guys, you know that right?


    Thanks again!



  • Profile Image
    Answered on November 24, 2015 at 09:21 AM

    Hi Owen,

    On behalf of my colleague Bojana, you are kindly welcome and thank you for your motivating words.

    For further assistance, you can always reach us on Support Forum.


    Have a great day.