How do I change the font color in a matrix?

  • Profile Image
    one9ooh6
    Asked 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.  

  • Profile Image
    jonathan
    Answered 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
    one9ooh6
    Answered 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
    jonathan
    Answered 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