WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce Print Invoice & Delivery Note
Logo Size Issue (16 posts)

  1. Puck
    Member
    Posted 1 year ago #

    I've uploaded a logo to use for invoices ( http://www.causticgear.com/wp-content/uploads/2012/12/cg-logo-big.png ) but after selecting it, choosing "Full Size" in the chooser and then "Insert Into Post" it changes to the "Medium" thumbnail instead: http://www.causticgear.com/wp-content/uploads/2012/12/cg-logo-big-300x61.png

    I've tried several workarounds. Remove the logo completely, save settings, try to set it again. I simply can't set it to use the higher-res logo and the 300 pixel logo is displaying only about an inch wide.

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

  2. Puck
    Member
    Posted 1 year ago #

    Update: Ok, the 300 pixel wide one is the one that's showing on the settings page, but when I mouseover I see the larger logo.

    The logo on the printed invoice is still *tiny* though. Do I need to create an even bigger image?

  3. lautor
    Member
    Posted 1 year ago #

    Hi Puck, did you find a solution? I found this from frankwp3:

    #letter-header .heading img {
    width: 60%; /* changed from 25%*/
    height: auto;
    }

    to change in woocommerce-delivery-notes\templates\print\style.css

    but it didn't work for me. I tried with very small, medium and large images but the result isalways th same: a very tiny image on the printed page.

  4. lautor
    Member
    Posted 1 year ago #

    Finally it worked for me adjusting it to my logo size (in my case in woocommerce-delivery-notes\templates\print\style.css - line 133):

    #letter-header .heading img {
    width: 80%; /* changed from 25%*/
    height: auto;
    }

    Only change style.css in woocommerce-delivery-notes\templates\print\style.css - not in woocommerce-delivery-notes\css\style.css

  5. maximan
    Member
    Posted 1 year ago #

    Puck and Lautor, thanks for this tip. It helps with my attempts to use the Delivery Note as a label. Now I can use a logo placed top left as my "from" address. I'd like to change the font of the recipient address and perhaps have the recipient placed up top right where the company name and address is. Any suggestions?

  6. piffpaffpuff
    Member
    Plugin Author

    Posted 1 year ago #

    @lautor thanks for the info, the container div is probably an issue too. because it defines the logo height, unfortunately this height is fixed. probably i will make the container the same width and height. but i need to look into the css to fix this. currently i really have very few time to work on the plugin besides my 100% job. i can hopefully upload a new version during christmas holidays.

  7. piffpaffpuff
    Member
    Plugin Author

    Posted 1 year ago #

    @Puck you can ignore the image on the settings page, it is just there to display the image. the printing template always uses the original image that you've uploaded (http://www.causticgear.com/wp-content/uploads/2012/12/cg-logo-big.png).

    currently there is a wrong code in the css that resizes your image to 50% of the size that it should. that means your image is printed at a size of about 1.25in x 0.25in instead of 2.5in x 0.5in. is that the case?

    @lautor you were currently editing the right line, but you should keep width: 50%; to have at least a point density of 288ppi when you print the logo. if it is still to small at 50% you need to upload a larger to have the best quality.

    @lautor @Puck what browser and version do you use?

  8. doamore
    Member
    Posted 1 year ago #

    hi, was there a solution on this by any chance? My logo (no matter what size I upload) is always just a small rectangle in the top corner. Thanks so much you all! Great plugin overall!!

  9. piffpaffpuff
    Member
    Plugin Author

    Posted 1 year ago #

    it will be fixed in the next version

  10. doamore
    Member
    Posted 1 year ago #

    Thanks Chabis. This seems like a basic issue - does that mean a new version will be uploaded very soon?

  11. WebEndev
    Member
    Posted 1 year ago #

    Yep, I'm confirming that I'm seeing this issue too.

    Looking forward to the next version fix.

    Nice plugin, and thank you for your work on it!

  12. frisojasper
    Member
    Posted 1 year ago #

    Yes same issue here.
    Overall a very nice plugin.
    When will there be an update?

    Thanks

  13. ehong33234
    Member
    Posted 1 year ago #

    ^^ Yes, great plugin but the logo issue. Any updates?

    Thanks!

  14. stijnjasper
    Member
    Posted 1 year ago #

    Hey chabis, your plugin is absolutely amazing! we will enjoy using this piece of work. we do however have the same issues with the logo. I tried to edit the /wp-content/plugins/woocommerce-delivery-notes/templates/print/style.css file, and change this part;

    #letter-header .heading img {
    width: 80%; /* was 25% */
    height: auto;
    }

    This does not seem to work unfortunately ;(
    Any ideas? Is the update going to be there soon?

    Best regards

  15. redrose_uk
    Member
    Posted 11 months ago #

    hi,

    how can i access woocommerce-delivery-notes/templates/print/style.css ??? i tried to find it but i could not, anybody can hlep!!

  16. redrose_uk
    Member
    Posted 11 months ago #

    hi,

    how can i access woocommerce-delivery-notes/templates/print/style.css ??? i tried to find it but i could not, anybody can hlep!!

    thanks

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic