How do I adjust the style for item quantities?

To make the text for your item quantities stand out on your packing slips to help your shipping staff, go to the Packing Slip Template in your template settings and make the following adjustments to the HTML.

Hide Items with Zero Quantity

If you want to prevent line items from printing on the packing slips when they have a 0 quantity, select Hide Zero Quantity Items in your Print Setup > Document Options settings. This should prevent confusion when picking and packing.

Change Font Size and Weight

  1. Click the Order Items section of the packing slip editor and find the following line of code:

    <td align="center">[Quantity]</td>
    Packing Slip HTML: Order Items section outlined and Item Quantity code highlighted
  2. Highlight that line and replace it with the following code:

    <td align="center"><span style="font-size:1.5em;font-weight:bold;">[Quantity]</span></td>
  3. Download a sample to check the change.

    If you'd like the font size to be bigger, try using "font-size:1.75em" instead. This equals 75% of the default font size, but you can use any number you prefer.

  4. Save your changes.

Change quantity font style for items with quantity greater than one only

  1. Copy and paste the following code at the top of the Order Header section of the editor:

    <style>
     .quantity {
          font-size:1.5em;
          font-weight: bold;
     }
      .quantity1 {
          font-size:1em;
          font-weight: normal !important;
     }
     </style>

    Your Order Header should now look like this:

    Packing Slip CSS: Style tags for Quantity in Order Header section highlighted

    To change the size, adjust the value for font-size for the .quantity selector only (not the quantity1 selector).

  2. Click the Order Items section and find the following line of code:

    <td align="center">[Quantity]</td>
  3. Highlight it and replace with the following code:

    <td align="center" class="quantity quantity[Quantity]">[Quantity]</td>
  4. Save your changes.

Was this article helpful?
0 out of 0 found this helpful

Can’t find what you’re looking for?

Contact our technical support team.
Contact us