Custom CSS / Template Norming

  • DELUCKS

    (@delucks)


    1 month, 1 week ago

    Since the release of the new version 7, we can no longer make custom template adjustments (such as the order of elements and CSS styling) to format the templates in accordance with the DIN 5008 standard, which is mandatory in Germany. How can I customize the CSS of the PDFs and print versions?

Viewing 1 replies (of 1 total)
  • Plugin Support anjitha21

    (@anjitha21)

    1 month, 1 week ago

    Hi @delucks

    This is still possible, but the behavior has changed with the new React-based templates.

    Here are the steps for the template override:

    Open your active theme folder: wp-content/themes/your-theme/
    Create a folder named woocommerce-delivery-notes inside it

    1. Find the template file you want to change inside the plugin: wp-content/plugins/woocommerce-delivery-notes/templates/
    2. Copy that file into the folder you created in step 2, keeping the same filename
    3. Edit the copied file in your theme — the plugin will use it automatically

    Available template files:

    • invoice.php — Invoice
    • receipt.php — Receipt
    • deliverynote.php — Delivery Note
    • packingslip.php — Packing Slip
    • creditnote.php — Credit Note
    • base.php — Shared layout used by all documents

    Override styles
    Find the CSS file you want to change inside the plugin: wp-content/plugins/woocommerce-delivery-notes/templates/css/

    1. Copy it into your theme, recreating the same folder structure under woocommerce-delivery-notes/css/
    2. Edit the copied file — your styles will be loaded instead of the plugin’s

    Available CSS files:

    • css/style.css — Applies to all documents
    • css/html/style.css — Applies to browser print only
    • css/pdf/style.css — Applies to PDF output only

    Notes

    • If using a child theme, create the folder in the child theme — not the parent
    • The override affects only the live print preview and the document PDF generation. The frontend preview on the admin page isn’t affected.

    Please try it from your end and let us know if there are any further questions.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.