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 colour of matrix table

    Asked by LuckyBuck on May 11, 2017 at 09: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 ;

    }

     

    Page URL:
    https://keller-steiner.jimdo.com/offertanfragen/baugespanne/

    Screenshot
  • Profile Image

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

  • Profile Image

    Answered by LuckyBuck on May 12, 2017 at 02:30 AM

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

  • Profile Image

    Answered by Sven on May 12, 2017 at 03:19 AM

    You're very welcome :)

    Please let us know if you have any other questions.

     

    Thank you!