What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    CSS - Field Name - Matrix

    Asked by touzeauc 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.

    name size font size font
  • Profile Image
    JotForm Support

    Answered by david 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!

  • Profile Image

    Answered by touzeauc 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.

  • Profile Image
    JotForm Support

    Answered by david 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!