Skip to main content

CSS::first-letter Selector Support

  • Apr 15, 2021 2:44 PM UTC
  • 2 replies
  • 0 views

I'm trying to display a custom field on our packing slips that has a leading "#". It's preferable in my use case that the "#" not appear on the packing slip. I was looking to use the css:first-letter to change the leading "#" to white or display:none, but I'm not getting the expected results. Anyone know if this is supported in the Custom Packing Slip tool?

 

Any other suggestions to achieve this would also be appreciated. Thank you.

    2 replies

    • d-a-v-i-s
    • Author
    • Apr 15, 2021 2:57 PM UTC

    Doing a little more reading, it looks like I was confused on how the first-letter selector works. I was under the impression that special characters and numbers would count as letters for purposes of this field, but that does not appear to be correct. Can anyone confirm? Other ideas?

    • NO-STOCK
    • Apr 27, 2021 1:43 PM UTC

    @d-a-v-i-s it sounds like you have data coming in via a field mapping and there is a prefix of # as part of the data being displayed. Unfortunately, you will not be able to format the # seperate from the remaining data in this field. The markup code treats the entire field with a format so you cannot style data inside a single field in different ways. Not sure if it's possible but maybe you can have the # removed from the orders so it does not get mapped or brought over into shipstation in the process.  For custom 3rd party packing slip help you can always visit: https://www.shipstationtemplates.com

      Terms & ConditionsAccessibility statement