change background color of matrix field.

  • Profile Image
    t13nif
    Asked on October 08, 2014 at 09:06 PM

    I am trying to inject CSS to change the background color of the matrix boxes. The URL for my form is 

    http://form.jotform.ca/form/42787808182264

     

    When i change the CSS on the "live form" it works, but when i copy and paste it the code into the "Inject CSS box, it doesn't have any effect.

     

    I just want the background of the matrix boxes to be black like the rest of my form. Please help. 

  • Profile Image
    ashwin_d
    Answered on October 09, 2014 at 02:44 AM

    Hello t13nif,

    There was a syntax error in the css code which you injected in your form. That is the reason why it was not applied to your matrix field.

    I have fixed it in your form and it seems to be working fine now.

    Do check and get back to us if the issue persists.

    Thank you!

  • Profile Image
    t13nif
    Answered on October 09, 2014 at 12:01 PM

    Could you let me know what the syntax error was? I'm very interested in learning about this. 

  • Profile Image
    ashwin_d
    Answered on October 09, 2014 at 12:12 PM

    Hello t13nif,

    If I remember correctly, the css code of one of the class did not had the "}" earlier. Please check the current css code of your form:

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

    font-size: 0.786em;

    font-weight: normal;

    /* color: #444; */

    background-color: inherit;}

    .form-matrix-values {

    border: 1px solid #ccc;

    background: #000000;

    }

    The bold text with red background was not there in your injected css earlier.

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!