1-Visitor

Solved

monospace font in textarea widget

Hello,

I'm using ThingWorx 8.2 and in a meshup I defined a textarea that should use monospace font (ie: Courier).

So in "New Composer" I set textarea's CustomClass=abFont and in Custom CSS I defined:

.abFont {
font-family: Courier !important;
}

However when I save and preview the meshup I see that abFont is applied to the outer bounding-box.

The font information is however overrided between such outer bounding-box and the inner textarea where the font is supposed to be monospaced...

Screen Shot 2018-04-20 at 09.26.31.png

How can I fix this ?

Thank you,

A.

Best answer by Rick-Stanley

Thanks for including the page source with your question, that really helps.

I think you need to add

.widget-textarea textarea

to your class, making your class look like this

.abFont .widget-textarea textarea {
 font-family: Courier;
}

I don't think the !important does anything

Answer

5-Regular Member

Thanks for including the page source with your question, that really helps.

I think you need to add

.widget-textarea textarea

to your class, making your class look like this

.abFont .widget-textarea textarea {
 font-family: Courier;
}

I don't think the !important does anything

Author

1-Visitor

Hello alsmith,

what you say does really make sense and even more important.. it works!

Thank you so much,

Andrea

Sign up