Create a page break between packing slips

[jaimes57]

I created a custom packing slip that works perfectly when printing individually. However, if I select multiple packing slips, they combine into a PDF so that they completely overlap with each other. How do I create a page break so that they each start on their own page? All the help I've been finding online includes a CSS solution, but I don't know if you can integrate CSS into the templater.

I've attached an image of the multiple overlapping packing slips for a visual of what I'm getting.

Thanks!

[JustinPM123 · Accepted solution]

You need to add some custom CSS styling to the code of the Packing Slip.

Give the main container of your packing slip template this:

style="page-break-after: always;"

Example:
<div style="page-break-after:always;">

[jaimes57]

[Moderator-Davis]

Hey there @jaimes57, 

Thanks for including this screenshot to show what you were running into! 

While i'm not an expert in that packing slip coding process, I know we have some wonderful community members that may be able to help! 

I would encourage them to share their ideas/code to get around this behavior when printing out packing slips 🙂 

[JustinPM123 · Accepted solution]

You need to add some custom CSS styling to the code of the Packing Slip.

Give the main container of your packing slip template this:

style="page-break-after: always;"

Example:
<div style="page-break-after:always;">

[Manager-Erin · Accepted solution]

Hello @JustinPM123, 

Thank you so much for being a part of our community and for your contributions. I am just going to tag @jaimes57, to make sure they see this. 

We love seeing the community working together to help each other out! 

-Erin: Your Friendly Neighborhood ShipStation Community Manager 

[jaimes57]

Thank you! I didn't realize you could use CSS on the packing slips.