How do you change the color of Multiple Selection Widget's background?
- bigmachineAsked on February 14, 2018 at 06:17 PM
Looking to inject CSS to make the widget's input background match the rest of my fields. Would also love for the color of the boxes that pop up (once a selection is made) to be changeable from the blue that it currently is.
- John_BensonAnswered on February 14, 2018 at 08:37 PM
I cloned your form and apply a custom CSS code to copy the other fields on your form. Here's the link: https://form.jotform.com/80447707724966
Is that what you're trying to achieve? If yes, please add this custom CSS code to the widget:
.selectize-input {
border-radius: 20px !important;
}
.selectize-control.single .selectize-input.input-active, .selectize-input {
background: #9a1f1f !important;
}
.selectize-control.multi .selectize-input>div {
background: #9a1f1f !important;
}
Here's a guide: https://www.jotform.com/answers/557579-Adding-custom-CSS-in-widgets
I hope this helps. If you need further assistance, please let us know. Thank you.