So this one gets a little tricky for sharing. Each of those elements have a unique ID that you need to find and use for it. The good news is that the data is there, it is simply being set to hide on overflow and put ellipsis. If you change the overflow to visible, they show up, but you will probbaly need to do some adjustments on sizing and such:

If you click inspect on the data being shown, you should be brought to the element of your unique id shown underlined, and you see the overflow on the right set to hidden, I switched it to visible to see it above.

You could then add custom CSS using things like: �_ngcontent-ng-c1638402301] .value ng-star-inserted to make the actual changes.

Actually….I did not need to play with sizes, changing the overflow and the ‘white-space’ to pre-wrap from no-wrap took care of it:

So when I inspected on the text….it brings you to that span down below, the actual change that needs to happen is on the div above it.

Brian, thanks as always you’re the man.

here’s the code i used to make those text fields show multiple lines 

�_ngcontent-ng-c1638402301] {

white-space: pre-wrap;

}

Well something changed in the past 8 months, and now this text in the My Profile widget no longer wraps.

I reconnected with Brian Farkas and tried this CSS code, but still not working. If anyone has ideas, would be all ears!

}

 

 

 

text is truncated (Action Items, My Coaching Goals fields, etc.)

 

and when manually editing the CSS in DevTools, i can make the text wrap like the picture below:

 

 

 

Solved!  We had to add “.additional-field” in front of “.ng-star-inserted”

/* code to make My Profile text wrap, while other menu/button text on platform will NOT WRAP * /

.additional-field .ng-star-inserted{

white-space:pre-line;

}