How to customize the form look using CSS?

  • carloslopes
    Asked on April 12, 2018 at 5:02 AM

    Are there further CSS options?

    This solution here https://eu.jotform.com/answers/711759-Is-there-a-CSS-to-change-background-colour-of-a-matrix just changes part of the background... Furthermore I would like to change the text color: give the matrix an individual text color but "font" doesn't seem to work within .form-matrix-values.

    Thanks.

  • Adrian
    Replied on April 12, 2018 at 8:38 AM

    Form DEMO: https://form.jotform.com/81013060737952

    To change the background of the matrix values, you can use the following CSS.

    .form-matrix-values {
      background-color: indianred;
    }

    To change the background color and the color of the column headers, use the following CSS.

    .form-matrix-column-headers {
      background-color: black;
      color: white;
    }

    To change the background color and the color of the row headers, use the following CSS.

    .form-matrix-row-headers {
      background-color: yellow;
      color: black;
    }

    To change the font family of the matrix, use the following CSS.

    .form-matrix-table {
      font-family: monospace;
    }

    Let us know if you need further assistance by giving us the Form URL and giving us details about what you want to change exactly.

    How to Post Screenshots to Our Support Forum
    Where to Find My Form URL?

  • michigan113
    Replied on April 12, 2018 at 8:59 AM

    Awesome!
    Thanks.