change background color of matrix field.

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. 

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!

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

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!