Changing design of Multiple Selection widget to match design of other form fields

  • parency
    Asked on April 19, 2016 at 3:16 PM

    Hello, 

     

    I am trying to make this widget match the form design of the rest of the other fields on my form. The height, length, corner radius, text colour is all slightly off and I can't figure it out. 

     

    Thanks, 

     

    Scott

    Jotform Thread 822203 Screenshot
    Page URL: https://eu.jotform.com//?formID=61086073990359
  • Boris
    Replied on April 19, 2016 at 4:54 PM

    Please try adding the following custom CSS into your widget:

    .selectize-input {
    border-radius: 5px;
    height: 38px;
    }

    .selectize-dropdown, .selectize-input, .selectize-input input {
    color: #919191;
    font-size: 14px;
    font-family: "Arial",Verdana,Tahoma,sans-serif;
    }

    You can add custom CSS to the widget by licking on its wand-shaped icon, pasting it under the Custom CSS tab, and clicking on Update widget:

    Changing design of Multiple Selection widget to match design of other form fields Image 1 Screenshot 20

    Please let us know if you need further assistance, we are here to help.

  • parency
    Replied on April 20, 2016 at 12:43 PM

    Resolved, thanks - please close

  • cineunit
    Replied on April 20, 2016 at 12:44 PM

    hi,

    i would also like to do some changes to the same widget. any chance to get the full option css so i can experiment with different fonts styles, button color, etc ?

    thanks!

  • Jan
    Replied on April 20, 2016 at 3:19 PM

    @cineunit

    I need to create a separate thread for your inquiry. Here's the URL: https://www.jotform.com/answers/823079

    This thread is already close and considered resolved. Thank you.