Correcting the width of a label in css

Question

Hello everyone,We have a label with long text which we want to wrap to a certain width but not to violate the css of other tags. I guess we can go with a overflow-wrap: break-word but not quite sure how we can fix it and which class do we need to change.

Erik Brink · Accepted Answer

You can read more about applying Custom CSS to the Universal GUI here:https://docs.thinkwisesoftware.com/docs/sf/themes#custom-css-universal

Freddy · Answer

Hello everyone,We have a label with long text which we want to wrap to a certain width but not to violate the css of other tags. I guess we can go with a overflow-wrap: break-word but not quite sure how we can fix it and which class do we need to change.The data-testidcome in handy to really pinpoint your css alterations.Basically it says that only for the grid-cell of column activity_title in this case overrule the nowrap on the span with class value_renderer.[data-testid="grid-cell__activity-title"] .value-renderer {white-space: normal !important; }

Sign up

Login to the Thinkwise Software Community