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

    How to style Configurable List widget to match design of a form

    Asked by resilienceschool on March 11, 2016 at 03:41 PM

    Can you please help me make the design and look of the configurable lists match the rest of this form?  I don't know what CSS to enter.

    Page URL:

  • Profile Image

    Answered by Boris on March 11, 2016 at 04:04 PM

    By matching the design, I believe you are referring to the colors used on the form, is this correct?

    The rest of your form is using a brown color #7A6A53, so all we need to do is add it to the custom CSS of each of your Configurable List widgets:

    th { color: #7A6A53; }

    You can apply custom CSS to the widget by clicking on its wand-shaped icon, switching to the CSS tab, and pasting it there:

    The result will be appearing like this:

    If you want to apply the same color to the labels of Radio Button options as well, please use this CSS instead:

    th, label { color: #7A6A53; }

    Please let us know if you need any further assistance, we are here to help.