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

    change background color of matrix field.

    Asked by t13nif 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. 

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

    JotForm inject CSS and
  • Profile Image
    JotForm Support

    Answered by ashwin_d 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

    Answered by t13nif 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
    JotForm Support

    Answered by ashwin_d 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!