I need help removing the headings on matrix field and changing width of input boxes

Hi All,

I understand how to insert custom CSS and can work with it if someone helps me write it, so I am not completely helpless, but I could use a hand!  I am trying to create a matrix 15 cells wide and three columns high. This will be used for single letter/number input to help people indicate writing on an engraved brick. Hope that makes sense. I used the following: 

table.form-matrix-table th, table.form-matrix-table td {width:100px !important;}td.form-matrix-values {padding:00;position:relative;}input.form-textbox {width:100% !important;border:none;position:relative;}

which I got from this very useful forum...BUT - I don't want headings on either the rows or columns and I want the cells to be larger, at least wider. Any help is so appreciated. Thank you!

Melis

If you want to the matrix to be like the following:

Simply inject the following custom CSS codes to your form:

.form-matrix-column-headers {

display: none;

}

.form-matrix-row-headers {

    display: none;

}

.form-matrix-values input {

    width: 32px;

}