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

  • Profile Image
    parency
    Asked on April 19, 2016 at 03: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

  • Profile Image
    Boris
    Answered on April 19, 2016 at 04: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:

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

  • Profile Image
    parency
    Answered on April 20, 2016 at 12:43 PM

    Resolved, thanks - please close

  • Profile Image
    cineunit
    Answered 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!

  • Profile Image
    Jan
    Answered on April 20, 2016 at 03: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.