WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. cpfusion
    Member
    Posted 1 year 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?
    Best,
    Craig

    http://wordpress.org/extend/plugins/woocommerce-delivery-notes/

  2. piffpaffpuff
    Member
    Plugin Author

    Posted 1 year 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
    Member
    Posted 1 year ago #

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

  4. Cerilia
    Member
    Posted 1 year 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!

    Regards

    Cerilia

  5. Kevin Trye
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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.

    rgds
    frank

  7. frankwp3
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

    Frankwp3

    Many thanks, it work!

  9. redrose_uk
    Member
    Posted 1 year 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

About this Topic