How to customize Configurable List Widget PlaceHolder Text using CSS?

For the configurable list widget placeholder text in a text box, can we change the font color and weight of the placeholder text

https://form.jotform.com/251345669025156

Hi David,

Thanks for reaching out to us for help. It is possible to inject the CSS code and modify the font color and weight of the placeholder text in the Configurable List widget. You can copy and paste this code and let me walk you through the steps below:

input::placeholder { color: yourColorCode; font-weight: yourWeight;}

I've used for an example:

input::placeholder { color: teal; font-weight: Bold}

1. Open your form in the Form Builder.
2. Select the Configurable List widget and click on the wand icon to open its settings.
3. Go to the Custom CSS section at the top of the settings panel.
4. Inject CSS code to target the placeholder text. Click on the UPDATE button. That's it.

Replace yourColorCode with the desired color (e.g., red, #000000) and yourWeight with the font weight (e.g., bold, 600). Do note that CSS code only works with the Classic Layout of the form, not with the Card layout form type.

Give it a try and let us know how it goes.

That worked. Thank you