Logo Size Issue

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?

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.

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

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?

@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.

@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 (https://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?

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!!

it will be fixed in the next version

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

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!

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

Thanks

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

Thanks!

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

hi,

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

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