Change font size in an input table

  • chcsforms
    Asked on July 1, 2021 at 9:46 AM

    When I cut and paste, the font is not matching. I tried to find an option in settings, but it appears the font would have to be changed for the full form. Also, is there a way bold or italicize only one word?

    Jotform Thread 3194673 Screenshot
  • Michal_S Jotform Support
    Replied on July 1, 2021 at 11:54 AM

    Hello!

    The input table rows and columns are able to parse HTML.

    What this means is that we can wrap the words around HTML tags to style them.

    This also means pasting the text in preserves its style. You can circumvent this by pressing Ctrl+Shift+V instead of Ctrl+V.

    To change the font size, wrap the desired text in the following tags:

    <p style="font-size: 18px;"> text </p>

    133261 fontsize Screenshot 10

    Replace the value in green with your preferred font size.

    If you'd rather change the font size for every element of every input table, you can add this CSS code to your form's Custom CSS:

    .form-matrix-table label {

    font-size: 30px!important;

    }

    Please refer to the following guide if you need help injecting custom CSS code into your form:

    How to Inject Custom CSS Codes

    To bold selected words, similar to the font size, you can wrap them in <b> tags:

    <b>Text</b>

    133262 bold Screenshot 21

    Please let us know if you require any further assistance.

    Thank you!