How do you change the color of Multiple Selection Widget's background?

bigmachine
Asked 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.
Page URL:
https://form.jotform.com/80446695378976
John_Benson
Answered 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.