How to change the width of the input table widget?

  • Profile Image
    ITSALLABOUTU
    Asked on March 22, 2018 at 05:18 AM

    Hi,

    I'd like my table to be longer across the page so I can make each column wider too.

    At the moment when I publish it, it doesn't look right and the columns have been squashed smaller? Plus the table doesn't fit on the background, it hangs over the edge and isn't central.

    Can someone look into this for me please?

    Thanks

    Helen

  • Profile Image
    amy
    Answered on March 22, 2018 at 08:31 AM

    Dear Helen,

    I would like to recommend you to change the table width and column width values from the widget settings as in the screenshot. 

    1521721774Screen_Shot_2018-03-22_at_15_2

    After these settings, please inject this custom CSS to your form:

    input{

      width: 85px;

    }

    How to Inject Custom CSS Codes

    You can change the values depending on your own preferences.

    Here is my result:

    1521721829Screen Shot 2018-03-22 at 15.3

    I hope it helps.