How can I customize the Matrix Dynamique Widget using CSS?

  • VCH_victoria
    Asked on March 28, 2018 at 7: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.

  • tina JotForm Developer
    Replied 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.


  • VCH_victoria
    Replied on March 28, 2018 at 11:55 AM

    Dear Tina, is this what you mean?

    https://eu.jotform.com/build/80863093643360


    Thanks for help!

  • Support_Management Jotform Support
    Replied on March 28, 2018 at 1: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.

    Result:

    How can I customize the Matrix Dynamique Widget using CSS? Image 1 Screenshot 20