Modify field in matrix to smaller size

  • Profile Image
    Asked on March 20, 2015 at 12:09 AM
    I would also like to make the field smaller in matrix when i am typing text. They are going off the page
  • Profile Image
    Answered on March 20, 2015 at 10:23 AM


    You have to add the following custom CSS codes to your form:

    .form-matrix-values .form-textbox {

    width: 150px;


    Just change the value until you'll get your desired width. Here's how to inject:

    If you want to change the size of the specific matrix, you  have to find the matrix field ID, here's our guide:

    Then target the ID's using the following custom CSS Codes:

    #input_25_0_0, #input_25_1_0, #input_25_2_0, #input_25_3_0, #input_25_4_0, #input_25_5_0 {

    width: 150px;


    Let us know if you need further assistance.

    Thank you!