How to increase font size of text in Matrix table

However, I would also like to know whether is there a way to increase the font size of all rows and columns for the text in the matrix table? I'm currently doing it manually by adding the <font size> tag in every sentences.

Hi,

Please add a CSS code like this to the form

.form-matrix-table {

font-size: 16px;

}

You can adjust the font-size number according to your preference.

I tried this on a test form, and it look like this

 

Hope this help. Inform us if you need further assistance.

Thanks!

 

Guide:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Hi, thank you for this. I would also like to know whether is it possible to use a different font size for the rows and columns? I would like to maintain the font size for my rows but a slightly smaller font for the text in my columns.

Thanks.

Hello Jw_Law,

Yes it is possible. Please inject the following custom css to change the font size of matrix row and column headers (you can change the font sizes as per your requirement):

.form-matrix-column-headers

{font-size: 16px !important;}

 

.form-matrix-row-headers

{font-size: 11px !important;}

 

Following guide should help you inject custom css in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Hope this helps.

Do get back to us if you have any questions.

Thank you!

Hi, thank you very much. Your support team has been nothing but super helpful to us, especially user with zero coding basis. Thank you !

 

One more question, will I be able to unbold the texts in the row of the matrix table? As it is bold by default.

@Jw_Law

Add this CSS code to your form. Just pick which one you'd like to unbold. :)

/*-unbold rows-*/

.form-matrix-row-headers {

font-weight: normal;

}

/*-unbold columns-*/

.form-matrix-column-headers {

font-weight: normal;

 

}

Regards!

Hi thanks, I added this code into CSS code form but i don't see any changes hmm? How do i pick the ones that i wish to unbold, are there suppose to be some id tag or sort? As I wish to unbold everything in the matirx rows.

 

Thank you.

Perhaps the text wasn't bold. You can make a test by changing the code given by my colleague and changing the value into bold, to see if there is any change:

/*-unbold rows-*/

.form-matrix-row-headers {

font-weight: bold;

}

/*-unbold columns-*/

.form-matrix-column-headers {

font-weight: bold;

 

}

 

To unbold all the rows you can use this code:

/*-unbold rows-*/

.form-matrix-row-headers {font-weight: normal;}

/*bold columns-*/

 

.form-matrix-column-headers {font-weight: bold;}

 

You can test the final result here.

Let us know if further support is needed.

Thank you

Hi Carina, the unbold codes that were given by you worked !.

Thank you !!!