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 change the font and color of the text in Configurable list Widget?

    Asked by hr587 on March 02, 2016 at 03:49 PM

    Hello -

    Can you please make the font and design of the configurable list in this form match the rest of our theme?  Thank you!

    Page URL:
    https://form.jotform.com/hr587/mtofto-form

    configurable list configurable font color text
  • Profile Image
    JotForm Support

    Answered by Nik_C on March 02, 2016 at 06:37 PM

    Hello,

    You can edit your configurable list widget's CSS and input this in the Custom CSS for that field:

    So just click on the wizard for the Configurable list widget and than click on Custom CSS:

    In the CSS field add this:

    .col1{

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    .col2{

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    .col3{

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    That CSS code will change the color and font o the configurable list widget.

    Also please add this to your form's CSS:

    #label_29 {

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    You can do that by going to your form's Preferences and than Form Styles, just add it to Inject Custom CSS field:

    Please let me know if this worked for you or if you have further questions.

    Thank you.