WooCommerce Print Invoice & Delivery Note
[resolved] [Plugin: WooCommerce Print Invoices & Delivery Notes] Issue with logo size (9 posts)

  1. cpfusion
    Posted 3 years ago #

    Hi there,
    Saw your plugin and thought it would do the trick for me, and in the most part it is great, but I am having some issues with the logo.
    I uploaded a 4000 x 820 pixel RGB JPEG image at 288ppi and the logo only prints at the size show in the following Screengrab.
    I have tried at different sizes and resolutions, but the logo always seems to print at the same size.
    Any ideas as to why that might be?


  2. piffpaffpuff
    Plugin Author

    Posted 3 years ago #

    it is clear that you logo is displayed like this because your logo has quite a big 5:1 (3.5in x 0.7in) panoramic aspect ratio. and please remember that the the logo is only displayed on the left part of the template. you have two options, crop your logo to a better aspect ratio or edit the template via css.

  3. cpfusion
    Posted 3 years ago #

    Thanks chabis, now that you explain it, it is obvious why it wasn't working.
    *face palm*

  4. Cerilia
    Posted 3 years ago #

    I have a similar issue, but regardless of size or aspect ratio I still get a less than 1 inch logo. I've tried various options 1200x1200 576x288 300dpi/72dpi etc etc still a small image!



  5. Kevin Trye
    Posted 3 years ago #

    Me also. Regardless of the image size/pixels uploaded it always scales down to the same tiny, unreadable item in the top left. This may be fine for those with a small simple logo, but not others. Changed a couple items in the css but obviously not the right file.

  6. frankwp3
    Posted 3 years ago #

    Edit the css in woocommerce-delivery-notes\css

    Adjust the height in
    #company-logo-placeholder.loading {
    height: 200px; /* increase from 20px*/

    Worked for me.


  7. frankwp3
    Posted 3 years ago #

    Sorry ignore my previous comment
    I updated the style.css in woocommerce-delivery-notes\templates\print

    #letter-header .heading img {
    	width: 60%; /* changed from 25%*/
    	height: auto;
  8. Cerilia
    Posted 3 years ago #


    Many thanks, it work!

  9. redrose_uk
    Posted 3 years ago #

    how can i get access to woocommerce-delivery-notes\templates\print/style.css ????

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce Print Invoice & Delivery Note
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic