Stupid CSS Question

General
1

I'm trying to do something that is vexing me. I have a text field that I am feeding a very long string to and I want it to word-wrap. So far I have tried putting this in a ui-template node.

.word-wrap {
        color: rgb(74, 63, 196);
        white-space: pre-wrap;
        word-wrap: break-word;

    }

Which changes the font color but nothing else. Sorry not too familiar with CSS yet.

2

Have you checked whether something more specific means that your CSS is being ignored? You can check in the browser dev tools?

3

Thanks for the suggestion turns out I had to plug in some HTML going into the text node.

<div style="white-space: pre-wrap; word-wrap: break-word;font-size: 30px;">
    {{msg.payload}}
</div>

did it.