How to remove gray background from a table?

  • Wendy Dann-Marcel
    Asked on March 23, 2023 at 1:28 AM

    Hi, that chat support box disappears randomly. Is that on purpose? I trying to follow-up on a code I received for removing the gray background from a table. This code didn't work for me.
    th {
    background: none !important;
    }
    .form-matrix-table tr:nth-child(2n) {
    background: none !important;
    }

  • Girish JotForm Support
    Replied on March 23, 2023 at 3:42 AM

    Hello Wendy,

    Thanks for contacting Jotform support. Please let us know on which form in your account you want to remove the gray background from the input table form field. You can let us know the form URL.

  • Her_Justice
    Replied on March 23, 2023 at 1:31 PM

    Hi Girish,

    Thanks for responding. I need to change all the forms in the 2023 folder but I'll put an image of one of the forms here. https://form.jotform.com/Her_Justice/Diamond-RSVP. I tried putting in the CSS code but it didn't work.


    1679592524 641c8c4c7d78e  Screenshot 10

    Thanks for your help.

    Wendy

  • Amin JotForm Support
    Replied on March 23, 2023 at 5:51 PM

    Hello Wendy,

    Thanks for getting back to us. Please inject the following CSS code into your form:

    .form-matrix-values {
      border: 0px solid transparent !important;
      background: transparent !important;
    }


    Result:

    1679608185 641cc9793595a  Screenshot 10

    Reach out again if you need any more help.

  • Her_Justice
    Replied on March 24, 2023 at 3:20 PM
    Hi Amin,
    Thanks for sending the new code but it still doesn’t work.
    Wendy
    [cid:image001.png@01D95E64.10524D30]
    ...
  • Ryan JotForm Support
    Replied on March 24, 2023 at 8:07 PM

    Hello Wendy,

    Thanks for getting back to us. I checked your form and I do not see the gray background. Check out the screenshot below to see my result:

    1679702675 641e3a9341ef5  Screenshot 10
    It seems what you are referring is the layout you see in your Form Builder where the injected CSS code does not apply yet. Check out the screenshot below:

    1679702738 641e3ad264fc7  Screenshot 21
    If you are seeing a different result on your end, kindly provide us a screenshot by following this guide.

    Reach out again if you have any other questions.

  • Her_Justice
    Replied on March 27, 2023 at 11:00 AM
    I see now. Thanks so much for your help.
    Wendy
    ...