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

  • Profile Image
    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.

  • Profile Image
    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.