Adjust position of customer name on packing slip

Additionally I would like to know if ONLY the packing slip can be adjusted. The invoice is just fine as is.

• This reply was modified 1 year, 2 months ago by daviddol.
• This reply was modified 1 year, 2 months ago by daviddol.

Hey @daviddol,

Could you make a mockup of what you are imagining with the help of screenshots? I think this will give us a better idea of how to help you. ??
You can use imgbb.com to share images.

And yes, it is possible to only modify one document type with certain code. ??

• This reply was modified 1 year, 2 months ago by Darren Peyou. Reason: answer additional question

Hi Darren!

Thank you for your reply. ??

Here is the screenshot. https://ibb.co/zmtDxwg

As you can see we will be printing the packing slips on paper with adhesive labels. We want to move the customers details so that it fits nicely in the sticker. Hope this clears some things up.

As you can see the code above has worked but also shifted ‘order number, order date and shipping method with it. + it’s font is too large for it to fit.

Hi @daviddol,

Please try this CSS rule instead:

td.address.billing-address {
    padding-left: 8mm;
    font-size: 12pt;
    line-height: 100%;
}

On the other hand, did you try increasing the width of the order data container, so the labels and its values are in the same line?

You could try with this other CSS rule for that:

td.order-data {
    width: 50%;
}

Hi Yordan,

Thank you for the code. Though this changes the wrong PDF. We would like to change the Packing slip. The code above changed the invoice PDF but did nothing to the Packing slip.

Could you help me out?

You’re right! The CSS rule above should work fine for the billing address, but the packing slip display the shipping address in the left side: My mistake!

Please try this CSS rule instead:

.packing-slip td.address.shipping-address {
    padding-left: 8mm;
    font-size: 12pt;
    line-height: 100%;
}

Hi Yordan,

Great! Thank you. It’s positioned nicely now. Some tweaking needs to be done though: Whenever I increase it’s font size the address’ number after street name shift down one line. How can I stop this from happening?

Another question: Is it possible to display our logo on the PDF invoice only, and not on the packing slip? We have disabled the logo upload on both because else the text ‘packing slip’ + our site’s logo takes up too much space for the address to fit properly.

@daviddol

You can try increasing the width of the order data section:

td.order-data {
 width: 50%;
}

You can hide the logo on the packing slip with this:

packing-slip td.header img {
  display: none;
}

Hi!

Both codes unfortunately do not work.

Can you check how I can disable the logo on the packing slip? But keep it on the invoice.

@daviddol

there was an error in the CSS for the packing slip logo. Try this one

.packing-slip td.header img {
  display: none;
}

For the address width try this one:

.packing-slip td.address.shipping-address {
    width: 35%;
}

Hi there,

unfortunately the logo remains visible.

Any other suggestions?

@daviddol

Give this one a try:

.packing-slip td.header {
  visibility: hidden;
}

Hi!

Thank you. It did hide the logo but it still takes up space on the packing slip. It shouldn’t be loaded at all, just like when not selecting an image at all within the backend of your plugin.

Because the word ‘packing slip’ now has the same position as before, just the logo is not displayed.

Is there a way to just disable it? not just hide it

@daviddol

It can’t be disabled, unfortunately. Only hidden with CSS. Is it that you want the packing slip label to move up to the top when the logo was?

Hi,

First of thank you for all your help so far.

We’re about happy with the placement and looks.
Though one slight issue we would like to resolve:

When a customer is from Belgium, it adds one extra line of text ‘Belgium’.

Because of this text it does not fit inside the adhesive a4 paper we’re printing it on. Can you tell me how we can shift the whole field just a slight bit up?