CSS to Limit Locations on Packslip

[halloyd]

Hi! I use SkuVault and I have it send locations to ShipStation. I want either of the following to happen:

1. (Preferred) Show a limited amount of locations - eg., cut off after 2 locations.
2. Truncate the text shown in the Location column.

I have tried creating a custom style block:

<style>.truncate {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}</style>

This almost worked? It abided by the white-space: nowrap line, but it didn't abide by any other element that I can see. It just makes the locations not wrap which stretches the content off the page.

Is there a way to do this?

Thank you!

[halloyd]

Update that I fixed the width not working because it has to be in inches, not % or px... But still looking to see if there is a way to limited based on how many locations are showing rather than truncate. Thanks!