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

    How do I change the font color in a matrix?

    Asked by one9ooh6 on July 22, 2015 at 03:13 PM

    Is it possible to change the font color in a matrix? Currently I have the font color set to white as my JotForm is on a dark gray background but unfortunately the white font is not working right with the matrix as the font color is also white.  

    Page URL:
    http://form.jotformpro.com/form/51875389059976

    font color font matrix
  • Profile Image
    JotForm Support

    Answered by jonathan on July 22, 2015 at 04:18 PM

    Please check this form http://form.jotformpro.com/form/52025798557971?  is this how you wanted it?

    I have added this CSS code to the form

    .form-matrix-column-headers {

      background: #555555 !important;

      color: #ffffff !important; 

    }

    .form-textbox, .form-textarea {

      color: #ffffff !important;

     }

    .form-matrix-values {

      background: #555555;

    }

    #input_77{

      color: #000000 !Important;

    }

     

    user guide: -How-to-Inject-Custom-CSS-Codes

    Please try adding it also on your form http://form.jotformpro.com/form/51875389059976

    Let us know if this did not work.

    Thanks.

     

     

     

  • Profile Image

    Answered by one9ooh6 on July 22, 2015 at 05:46 PM

    This worked...I tried everything and still couldn't figure it out. Why did you use the !important tag?

     

  • Profile Image
    JotForm Support

    Answered by jonathan on July 22, 2015 at 06:52 PM

    I can see it working on your jotform http://form.jotformpro.com/form/51875389059976 also.

    The !important tag was to make sure that the rule take higher precedence over the other rules that does the same in the CSS. Here's a good read that should also help https://css-tricks.com/when-using-important-is-the-right-choice/

     

    Let us know if there is more we can help you with.

     

    Cheers