How can I customize the Matrix Dynamique Widget using CSS?

  • Profile Image
    Asked on March 28, 2018 at 07:21 AM

    Dear Jotform,

    I added the widget: Matrix Dinamique. I want to change the font of the letters and the size. Is there a code for this? I also want to change the size of the separation line in this widget. because it is bigger than all the other lines.

    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    Answered on March 28, 2018 at 10:09 AM

    Could you please provide us the form ID so we can assist you better?

    We will wait for your response.

  • Profile Image
    Answered on March 28, 2018 at 11:55 AM

    Dear Tina, is this what you mean?

    Thanks for help!

  • Profile Image
    Answered on March 28, 2018 at 01:12 PM

    Thanks - Inject these CSS codes to your widget's CUSTOM CSS section.

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets

    #contentHeader div {

        font-size: 12px !important;


    thead {

        border-bottom: 2px solid #88d !important;


    These codes should take care of the font size of the column headers and the bottom border's thickness.