Editing background of matrix field?

  • Profile Image
    StudioBe
    Asked on May 08, 2013 at 01:58 PM

    I am having a problem editing the color of the matrix field in our application form. Our website has a black background so naturally I have to turn all my text to white. When I do so, the text in the matrix fields also turn white and make them unreadable against the grey background of the matrix. I am sure there is a simple way to change this, any thoughts? Thanks!

  • Profile Image
    pinoytech
    Answered on May 08, 2013 at 02:09 PM

    Hi,

    Using custom css into your form is the easiest way to change font color of your matrix row header field.

    Inject this codes into your form.

    .form-matrix-row-headers {

    color: #000 !important;

    http://jotform.me/help/117-How-to-Inject-Custom-CSS-Codes

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image
    StudioBe
    Answered on May 08, 2013 at 02:17 PM

    THANK YOU! How would that work for changing the text size in that field?

  • Profile Image
    pinoytech
    Answered on May 08, 2013 at 02:27 PM

    It's my pleasure! Can you please elaborate your question for further assistance?

    Thank you!

  • Profile Image
    StudioBe
    Answered on May 08, 2013 at 02:40 PM

    What would i add in the way of css to change the font size of just the matrix field?

  • Profile Image
    pinoytech
    Answered on May 08, 2013 at 02:55 PM

    You can use this codes to change font size of entire matrix field.

     

    .form-matrix-row-headers, .form-matrix-column-headers {

    color: #000 !important;

    font-size: 14px !important;

    }

    Thank you!