How can I customize the Matrix Dynamique Widget using CSS?

  • Profile Image
    VCH_victoria
    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
    tina
    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
    VCH_victoria
    Answered on March 28, 2018 at 11:55 AM

    Dear Tina, is this what you mean?

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


    Thanks for help!

  • Profile Image
    Jim_R
    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.

    Result: