Configurable List widget: Changing the text color of the fields using CSS

  • Katlen Rocha
    Asked on December 27, 2022 at 11:31 PM

    This configurable list wont allow me to change the color of the field text. I would like to change it to white so the text is readable with a darker background. Is this something that can be done?
    I've tried to change it with the CSS and it wouldn't allow it.

  • Vanessa JotForm Support
    Replied on December 28, 2022 at 3:38 AM

    Hi Katlen,

    Thanks for reaching out to Jotform Support. I'd be happy to assist you. You can change the text color of the fields by inserting a custom CSS inside the Configurable List widget settings. Let me show you how to do it:

    • In the Form Builder, select the Configurable List widget and then click Widget Settings.
    • Go to the Custom CSS tab and insert this CSS code in the box:
    #listContainer .form-dropdown, #listContainer .form-textarea, #listContainer .form-textbox, #listContainer input[type=button], #listContainer input[type=text] {
    color: red;
    }
    • After that, click the Update Widget button and save the form.

    1672216540 63abffdc689e0  Screenshot 10

    We do have a helpful guide on how to do this, please click here to open it. If this is not what you're referring to, let us know so that we can further assist you. It would also be helpful if you can share the URL of your form so that we can take a look at it.