How to customize the form look using CSS?

  • Profile Image
    carloslopes
    Asked on April 12, 2018 at 05: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.



    This is a re-post of a comment on How to create a survey form and customize it

  • Profile Image
    Adrian
    Answered on April 12, 2018 at 08: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?

  • Profile Image
    michigan113
    Answered on April 12, 2018 at 08:59 AM

    Awesome!
    Thanks.