Space between configurable list elements, , input box sizes, indentation

  • Clintluna
    Asked on September 23, 2018 at 4:52 AM

    On this form: https://www.jotform.com/build/82647411684159


    On page 2, Is there a way to create a larger space between some of the elements on the Configurable list? Some of the Text questions run into eachother.

    Secondly, I'd like to increase the width of some of the text input boxes individually in the configurable list, but not all of them globally.

    Lastly, in this configurable list, the field "job description" is indented all the way to the right, how can I fix this?

    Thanks! 

  • Victoria_K
    Replied on September 23, 2018 at 6:16 AM

    Hello,

    To increase space between elements of Configurable List, you can add the following code into widget's custom CSS area:

    td {padding-left: 15px; padding-right: 15px;}

    This code will increase left and right padding of fields.

    Also, I can suggest to check the next article on styling the Configurable List, just in case you will decide to reposition fields: How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

    Your next questions were moved as new threads to avoid any confusion: 

    Secondly, I'd like to increase the width of some of the text input boxes individually in the configurable list, but not all of them globally.

    https://www.jotform.com/answers/1588704 

    Lastly, in this configurable list, the field "job description" is indented all the way to the right, how can I fix this?

    https://www.jotform.com/answers/1588705 


  • Clintluna
    Replied on October 8, 2018 at 5:09 PM

    Thanks Victoria, you're the best!!