How to align the matrix field and change the column and row color?

  • arkhosxx
    Asked on March 21, 2017 at 10:54 PM

     

    Good evening, I have a problem, when I put the table and I type the options. It keeps coming off the form.

    As you can see the image below, it is coming off the form.

     

    Another question would be, if it is possible to change the color of the table options only. Because it is in a very light color. Only in the table, if possible......

     

    thank you.

     

     

     

    Jotform Thread 1098312 Screenshot
  • Nik_C
    Replied on March 22, 2017 at 5:05 AM

    Regarding the width, I had a hard time adjusting that since you used a theme so I'm not able to apply CSS, but I'll check that more.

    Regarding the changing of the color. Here is the CSS code to change headers of columns and rows:

    .form-matrix-column-headers {

      background:red;

    }

    .form-matrix-row-headers {

      background:red;

    }

    You should insert it in the Custom CSS field:

    How to align the matrix field and change the column and row color? Image 1 Screenshot 30

    And if you want to change the color of the table itself please paste this CSS:

    .form-matrix-values{

      background:blue;

    }

    Here is how it will look like:

    How to align the matrix field and change the column and row color? Image 2 Screenshot 41

    I'll get back to you for the table width.

    Thank you!

  • Nik_C
    Replied on March 22, 2017 at 5:20 AM

    Since I couldn't manage to change the width please try to insert this CSS:

    div#cid_58 {
        margin-left: -30px;
    }
     
    It will move the table to the left:
     
  • arkhosxx
    Replied on March 22, 2017 at 11:47 AM
    Thank you very much .

    In this way, it worked.

    Thank you once again for the support and dedication you offer.