Customize configurable list widget CSS

  • PSIFF
    Asked on August 25, 2016 at 7:11 PM

    I would like to customize the configurable list widget I am using on this form: https://form.jotform.com/62377235918969

    1. Would like a little more padding between each field so they are not directly next to one another

    2. I would like the third field 'Credential name(s)' to be larger, i.e. the entry field to stretch longer

    Can someone help provide the CSS to make this possible?

    Thank You,

    Lauren

    Page URL: https://form.jotform.com/62377235918969
  • jonathan
    Replied on August 25, 2016 at 8:59 PM

    Hi Lauren,

    Allow me to check how it can be done on your form https://form.jotform.com/62377235918969

    I'll be back shortly.

     

  • jonathan
    Replied on August 25, 2016 at 9:14 PM

    Hi Lauren,

    I added this CSS code on the custom CSS of the widget.

    .col1{

    padding-right:30px !important;

    padding-top:10px !important;

    }

     Customize configurable list widget CSS Image 1 Screenshot 30

     

     

    This is the result  https://form.jotform.com/62377563321961

     

    Customize configurable list widget CSS Image 2 Screenshot 41

     

    Will this do? Let us know if still not enough.

    Thanks.