How to edit the look of this part of my form?

  • CANALE_ALICIA
    Asked on July 2, 2020 at 10:36 PM

    Here is this block with light background with white letters (see screenshot).

    How the background color can be changed to dark ...or whatever color (even eliminated to be transparent)? ... And how can the font-color in that specific block be changed as well.

    Thnx

    Jotform Thread 2427634 Screenshot
  • Mianala Jotform Support
    Replied on July 3, 2020 at 2:20 AM

    Hello CANALE_ALICIA,

    Thank you for your message. You can use Custom CSS to change the appearance of your forms. Use the color property to change the font color and background-color to change the background color. We will give you further instructions with the form you are using. Kindly share the link to the form you have mentioned above.

  • AC
    Replied on July 3, 2020 at 3:39 PM

    I'm aware of the CSS -but that's on the whole (global) form.

    I have the rest of the form just as I want, expect that particular box.

    Below the link.  Pls scroll down to the multiple choice boxes (there are two of them)

    As now, the background and the letter color makes it hard to read.

    I need the background transparent same as the rest of the form  -How can I do that?

    https://www.jotform.com/build/201818606420045#preview 

    Thnx

  • John Support Team Lead
    Replied on July 3, 2020 at 5:26 PM

    I can see that you are referring to the INPUT TABLE. It can only be customized using CSS code.

    If you want it to be transparent as the other fields are, please add this custom CSS code to your form. This applies to all the Input Tables you have in it:

    .form-matrix-row-headers, .form-matrix-column-headers {

        background-color: transparent !important;

    }

    .form-matrix-table tr:nth-child(2n) {

        background-color: transparent !important;

    }

    .form-matrix-values {

        background: transparent !important;

    }

    Here's a guide on Adding-Custom-CSS-in-JotForm.

    Here's how it looks like when applied:

    How to edit the look of this part of my form? Image 10

  • CANALE_ALICIA
    Replied on July 3, 2020 at 6:28 PM
    Thank you very much. Very much appreciated.
    ...