How to set style of text area?

UI Builder
1

I want to change font-size and font-weight of a text area. I couldn’t find an appropriate variable in the SDK Styles. I’ve also defined my own CSS class and referenced it in the class field of the text area component - without effect …
Regards,

2

Hi Klaas,

Try creating a theme extension with the following content:

.MuiInputBase-input {
  font-family:"Times New Roman", Times, serif;  
  font-size: 30px;   
}

This is where it is in UI Builder:

image
image2664×1484 159 KB

Regards,
Mark

3

Thanks. This works. To be able to assign this style to a specific text area as a class, I wrapped your approach within my own style extension:

.textAreaBold {
  .MuiInputBase-input {
    font-weight: bold;  
    font-size: 24px;
  }
}

Regards,