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.

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: Red boxes highlight Order Items tab and Item Quantity snippet in the code.
  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: yellow highlights Item Quantity snippet in the code.

    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.