how change the cell width of numeric text box type using css?

  • Profile Image
    Asked on July 02, 2014 at 05:18 AM

    I need to change the cell width to small width so i inject the css code 

    .form-matrix-values .form-textbox{width: 23px;}

    but this works well with when i change the matrix input type as normal text box,

    how is the css code for a numeric type text box?



  • Profile Image
    Answered on July 02, 2014 at 08:33 AM

    Please try this CSS code:

    .form-matrix-values input[type="tel"] {
         width: 25px !important;

    Change the width as you prefer.

    Hope this helps.

  • Profile Image
    Answered on April 20, 2016 at 03:04 AM

    Hi, I know that this is an older post but related to query I have again.


    My numeric textbox matices have somehow sized themselves up and I have tried everything to make them smaller.


    I have used the insert you suggested above but with the matrix ID:

    #id_680 .form-matrix-values input[type="tel"] {

    width: 25px !important;}

    #id_681 .form-matrix-values input[type="tel"] {

    width: 25px !important;}

    #id_682 .form-matrix-values input[type="tel"] {

    width: 25px !important;}

    nothing happens, I have also inserted this above the code where I am background colouring these matrices, 

    Please advise?

  • Profile Image
    Answered on April 20, 2016 at 04:23 AM

    This post is indeed quite old and there are a lot of changes happened on the form builder, I have opened a separate thread for this so that we can better discuss it. Please refer to this link instead: Thank you.