Change colour of matrix table

  • LuckyBuck
    Asked on May 11, 2017 at 9:14 AM

    Hello,

    I tried to change the colours of my matrix table with some helpful answers I've got from the forum (thank you!). My problem now: it works in the backend (design modus) but not in the pre sight or frontend … 

    The code I used:

    .form-matrix-values

    .form-matrix-column-headers 

    .form-matrix-row-headers {

        background: #808080;

    }

    .form-matrix-column-headers {

        background: #808080; /*background color*/

        color: white ; /*font color*/

    }

    .form-matrix-row-headers {

        background: #808080;

        color: white ;

    }

     

    Jotform Thread 1142007 Screenshot
  • Sven
    Replied on May 11, 2017 at 10:08 AM

    Hi, 

    Please replace your CSS code with the following:

     

    .form-matrix-values {

        background : #808080 !important;

    }

     

    .form-matrix-column-headers {

        background : #808080 !important;

        /*background color*/

     

        color : white !important;

        /*font color*/;

    }

     

    .form-matrix-row-headers {

        background : #808080 !important;

        color : white !important;

    }

     

    That should fix the issue. 

    I also cloned your form and made the edit above, so here's my cloned version of your form if you want to review it/clone it:

    https://form.jotformpro.com/71304089431956

     

    Here's how to clone an existing form into your account:

    How-to-Clone-an-Existing-Form-from-a-URL

     

    Hope this helps, please let us know if you need any further help.

     

    Thank you!

  • LuckyBuck
    Replied on May 12, 2017 at 2:30 AM

    It works!!!! Great! Thank you so much!!!!!

  • Sven
    Replied on May 12, 2017 at 3:19 AM

    You're very welcome :)

    Please let us know if you have any other questions.

     

    Thank you!