How can I resize the matrix input boxes?

  • Profile Image
    Asked on April 07, 2016 at 10:58 AM

    I used .form-matrix-values .form-textbox {

    width: 20px;

    height: 20px;



    and it worked until I changed the input fields to numeric.. now it wont go back to smaller fields! Please help!


  • Profile Image
    Answered on April 07, 2016 at 12:28 PM

    Using your Form Designer Tool, you can hover on the fields or input boxes and click it to select their class name.

    In your form, are you referring to the input boxes or the cells in the matrix field?

    If you are referring to the input boxes, then this CSS might help:

    .form-matrix-values > .form-number-input.form-dropdown {

        width : 20px !important;

        height : 20px !important;


    You can paste it under your CSS tab in the Form Designer Tool.


    However, not all the text boxes seems to be proportionate with this. Perhaps you were referring to the cells? Here's how it looks like in my cloned form: 

    We'll wait for your response.