Styling Matrix Field and Hover Text

How can I edit the HTML on a matrix? 

I am creating a form for supervisors and cooperating teachers to assess pre-service teachers.   I created a matrix for one component: Demonstrating Knowledge of Content and Pedagogy.  Their choices will be U, B, P, D.  I would like the teacher to be able to hover over the U, and see what criterion they would use to choose U.  (the Unsatisfactory choice on the rubric)  Is there a way I can edit the HTML on the matrix?  I see that is is available on a text field, but not on the more complicated fields.  Thanks for your help!

Thank you for contacting us.

Unfortunately, there is no way to add individual hover text sections for the Matrix field items.

You might consider editing Matrix Table Width (to have a space for Hover Text section).

Then, styling Hover Text with HTML/CSS.

Please feel free to contact us if you need any further assistance.

You rock!!  Now how do I make the row height larger?   They will have to read a lot of text and it has to be bigger than what is is.  Thanks so much for your help!

Oh,  I saw your answer, my bad, use a text box matrix...but the text is still so small, maybe a matrix isn't my answer.  I want the text 1a) and beyond to be at least 12.  Any other ideas?  Thanks so much!

We can inject custom CSS to the form in order to style it.

Here is an example for matrix row font size.

.form-matrix-row-headers {
font-size: 12px;
}

Thank you.

Thank-you so much for all of your help!

On behalf of my colleague, you are welcome.

Feel free to contact us if you have any other questions.