How can I disable product variation on Invoices?

Thanks! That is indeed the HTML output of your invoice 🙂

Please try adding this extra CSS rule within your code snippet:

table.order-data-addresses {
    display: block;
    float: right;
    width: auto;
}

Oh, sorry for that!

Please replace my last CSS rule with these, and try again:

.order-data-addresses,
.order-data-addresses > tr,
.order-data-addresses > tr > td,
.order-data-addresses > tbody,
.order-data-addresses > tbody > tr,
.order-data-addresses > tbody > tr > td {
	display: block;
}
table.order-data-addresses td.order-data {
    float: right;
}

Oh, I think I was confused about your request!

Please remove the last CSS rules and add this instead:

.topaddress {
    float: right;
    margin-bottom: -2cm;
}
.topaddress div {
    margin: 2mm 0;
}

Try adding more space below the logo:

table.head {
    margin-bottom: 2cm;
}

Please note that all these CSS rules that I’m sharing with you, are ‘tricks’ to try to achieve what you want without the need to editing the PDF template layout directly. Hopefully, the latest would the missing change that would be needed to adapt the design, but if you think this is too much trouble, you could try applying the changes in the template code instead 🙂

Thanks for confirm this, @schnippo!

I’m glad to hear that it finally looks tidy 💪

Let me know if you need anything else 😉