Address block moved

Hey @supajiggi

Since you mentioned that you’re using a custom template, editing the delivery address area might be tricky. Howeve, you can try moving the address back up with this CSS:

.packing-slip .address .shipping-address {
	position: absolute;
	top: 20px;
}

Adjust the values however you like.

Let us know how this fares for you.

Hi there and thank you for coming back to me. As far as I can remember the css was the only file changed in the “custom ” template to move the title over to the left.

Unfortunately your solution has not worked for us but has thrown up a possible direction to look at.
A pdf is attached with 5 pages as follows:-

Page 1 standard css 30% width.

Page 2 100% width. Note the address text has wrapped and so the address block became longer

Page 3 30% with with 100 px position absolute. I would have expected this to have an extreme effect but I cannot see a difference. This was also done with 1px, no change.

Page 4 is a different larger address that runs outside of the integrated address label.

Page 5 shows a red band running across the page.

Notes:-
I created a desktop publishing A4 sheet and added a grey address box and black line to show where the positions of the address label and “Order number” sit on the integrated labels. I then overlayed each change print out to see the differences as above.

Based on nothing ever moving above the line of the order number, it suggests to me that you have a php created band than nothing can go outside of. The red box is to highlight this. If this is correct then it maybe that the band or block is the part that needs to be adjusted.

PDF Examples

Can you advise further.

Thank you for your assistance so far

Ian

Hi @supajiggi,

Could you please send me also the HTML output source to see if we can handle this through a code snippet? To do it, just add &output=html at the end of your invoice/packing slip URL, then Right-click > Save as…, and save it as HTML. You can use https://filebin.net/ to upload the file and share the bin URL here.

Hi Yordan and thank you for the quick reply. Apologies for taking so long to come back to you but we are a small business and been a little stressed the last week. Have finally found a little time to sort the file. Please follow the link, we think we have done as you have asked.

https://www.ijconline.co.uk/downloads/packing-slip-10553.html

As a note, we have updated to your newest version as of today but no change. Did this just to check before creating the file.

Many thanks for your help.

Sorry the very late reply, @supajiggi!

Unfortunately, this topic got lost among my pending tasks, and although it’s very likely that you have already solved this, I would like to comment that the file you attached does not correspond to the HTML output. Are you sure you added &output=html at the end of the URL? If so, this is definitely not normal and another plugin may be interfering here.

My recommendation is to disable all your active plugins, except WooCommerce and WooCommerce PDF Invoices & Packing Slips and try to open an invoice. If the PDF opens correctly, try activating a plugin at a time, open the invoice on each plugin activation, to check if the invoice still opens correctly, and repeat the process with each plugin. That way, you should find the plugin that is causing the issue.

Let me know if you find the “culprit”!