CSS - Field Name - Matrix

  • touzeauc
    Asked on August 26, 2014 at 11:00 AM

    Hello.

    I want to change the font size in the matrix through CSS.  Can you please provide me with the generic CSS code for the matrix field?  I will set the specific parameters but need to know the name of the field I am updating.

    Thanks.

  • David JotForm Support
    Replied on August 26, 2014 at 11:42 AM

    Hi,

    There are actually a few depending on which part you are trying to change.  To change all the text for the matrix though, it should be:

    .form-input-wide{color: blue;}

    There is also:

    .form-matrix-row-headers{}

    and:

    .form-matrix-values{}

    If you have any further questions please let us know and we will be happy to help.

    Thank you for using JotForm!

  • touzeauc
    Replied on August 26, 2014 at 12:28 PM

    Thanks so much.

     

    May I also have the name of the column header?  Is it .form-matrix-column-header{}?

    Is there a list of these available somewhere?

     

    Thanks.

  • David JotForm Support
    Replied on August 26, 2014 at 12:46 PM

    You are welcome!  You are actually really close on the headers, it's:

    .form-matrix-column-headers{}

    Unfortunately there is not a list anywhere.  I usually just preview the form and right click on the element I want the class ID of and click on "inspect element".  Same thing for changing specific field ID's rather than the all the fields.

    Let us know if you need help with any thing else and we will be happy to do so.

    Thank you for using JotForm!