CSS for invoice and slip

Hi! You can use the document type (packing-slip or invoice) as a prefix:

.packing-slip .order-number { display: none; }
.invoice .billing-address { font-size: 120%; }

Ewout

Perfect!
Thank you very much!

Your code worked but not on customized fields.
How do I apply it on customized fields?

That’s my code:
.packing-slip .wc_order_field_2725 { font-size: 120%; }

.invoice .wc_order_field_2725 { font-size: 120%; }

You’ll need to make sure the custom field is wrapped in a div or span with that class!

<span class="wc_order_field_2725">[your custom field code]</span>

Where would I add your code;
<span class=”wc_order_field_2725″>[your custom field code]</span>
Besides the Custom Styles under PDF invoices?

My customized field is added with a customizer plugin on woocommerce.
I want the woocomerce pdf invoice to have those fields in bigger font size when I print it.
You code (.invoice .wc_order_field_2725 { font-size: 120%; })worded on regular fields.
Not on those customized fields.

That code would go into your custom template. What’s the code you used to add the custom field? Did you follow the documentation – Displaying a custom field?

Let me know!
Ewout