I want more space between each column in the Configurable List widget

  • Profile Image
    vim00010
    Asked on January 25, 2018 at 11:32 AM

    Hi


    I am trying to get my list to look nice, it all looks squashed and not in line at the moment, i want more space between each column and wanted to make 2 of the columns wider, i tried to enter custom CSS, but it hasnt really worked


    can you help? 

  • Profile Image
    John_Benson
    Answered on January 25, 2018 at 01:20 PM

    I cloned your form and inject a custom CSS code. Please see the cloned form: https://www.jotform.com/80245193104953

    Is that what you're trying to achieve? If yes, please add this custom CSS code to your form:

    textarea {

    width: 180px;

    }

    select {

    width: 177px;

    }

    td.col1 {

    padding-right: 10px;

    }

    td.col2 {

    padding-right: 10px;

    }

    td.col3 {

    padding-right: 10px;

    }

    td.col4 {

    padding-right: 10px;

    }

    To add a custom CSS code to the widget, please follow this guide: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

    I hope this helps. Please contact us again if you need assistance.