CSS code needed

  • Profile Image
    ronshuller
    Asked on November 12, 2018 at 01:45 PM

    https://form.jotform.com/83155124622147


    What is the CSS code to :

    1. Widen speadsheet

    2. make the columns different widths

    3. Change font size


    Thanks

  • Profile Image
    Adrian
    Answered on November 12, 2018 at 03:09 PM

    1. Widen speadsheet

    To make the spreadsheet 100% of the available width, add the following CSS to your form.

    iframe {
      width: 100% !important;
    }

    You can use the following CSS to adjust the width of the entire form.

    .form-all {
      width: 800px !important;
    }

    2. make the columns different widths

    To change the width of a column, add the following CSS to Custom CSS section of the widget.

    thead tr th:nth-child(1) {
      width: 100px !important;
    }

    3. Change font size

    You can change the font size by adding the following CSS to the widget.

    body {
      font-size: 16px;
    }


    Cloned Form DEMO: https://form.jotform.com/83155791092966