How can I adjust the column width of the Matrix Field?

  • Profile Image
    Asked on September 27, 2016 at 04:40 PM

    Thank you Jonathan for your help! I have replaced my previous list widget with the matrix table field and have setup the calculations. Here's a link to my new form, However, now I'm stuck because the columns are not wide enough. Is there a way to change this? I tried using the design tool and CSS helper with no luck.

    Any help you can provide would be appreciated.


  • Profile Image
    Answered on September 27, 2016 at 04:57 PM

    This is achievable, however, you'd have to adjust your entire form's width to accommodate the extra width you want for your columns. If you wish to adjust ALL the columns, here's how you would do it:

    1. Change your form's width to 820px

    2. Set your Matrix Field's width to 750px

    3. Remove all the Custom CSS Codes you have entered, and replace them with these:

    td.form-matrix-values input {

        width: 80px;



    Here's a clone of your form showing those changes: