marc2018

Yordan,

I tried to change the size of the logo above the document. This Logo is an image.
Agian with a little background in programming and good old aunt Google, I managed to get the image as I liked, here is the code I used:

	div.head-container img {
		width: 60% !important;
		horizontal-align: left;
		vertical-align: middle;
	}

Thanks for the help we can close this topic.
All my issue for now are solved!!

Thanks again,
BR,
Marc

Yordan,

I solved it in another way changed the lineheight and fontsize of the list like this.

       ul.wc-item-meta {
	       font-size: 9pt !important;
	       line-height: 1.2 !important;
	       }

Is this a correct way 😉 could you please comment on this.

And I have another problem now I can’t reduce my Header image it is not changing height if I change it here:

	div.head-container img {
		max-height: 4 cm !important;
		width: auto;
		horizontal-align: middle;
		vertical-align: middle;

Any help on this would also be appreciated.

Thnaks again for your help.

• This reply was modified 3 years, 11 months ago by marc2018.

Yordan,

Already sometime ago I already received another snippet.
Is it possible to combine these two or can I just another one? If I just add this snippet you sent me it is not working.

This is the snippet I received to adjust characters and lineheights:

add_action( 'wpo_wcpdf_custom_styles', 'wpo_wcpdf_custom_styles', 10, 2 );
function wpo_wcpdf_custom_styles ( $document_type, $document ) {
    ?>
	
	div.head-container img {
		max-height: 4 cm !important;
		width: auto;
		horizontal-align: middle;
		vertical-align: middle;
	}
	div.head-container {
		padding-right: 15px;
	}

	table.order-data-addresses {
		font-size: 11pt !important;
		line-height: 1.2 !important;
	}

	body {
	    font-size: 11pt !important;
		line-height: 1.8 !important;
	}
	
	table.order-details {
		margin-bottom: 0mm !important;
	}
	th.product {
		border: 0px !important;
		background-color:#b3b3b3 !important;
	}
	th.quantity {
		border: 0px !important;
		background-color:#b3b3b3 !important;
	}

	th.price {
		border: 0px !important;
		background-color:#b3b3b3 !important;
	}
	
	#footer {
		font-size: 8pt !important;
	}
    <?php
}

• This reply was modified 3 years, 11 months ago by marc2018.

Sorry Yordan for the late reply, due to a lot of other work I did not manage to reply to you but HTML file is uploaded now.
https://filebin.net/4e4uxelyvi8y74nm

Thanks

https://ibb.co/Mf2cPtZ

This the part of the invoice were you can see the picture is overlapping the tekst.
Thanks for your help

Sorry for my late reply I did not receive a notification that there was a reaction on the topic for that reason I missed it 🙁
Restoring the images was relatively easy I just had to switch off the Smush plugin and and my images were restored so for that reason it was not that urgent anymore.
I think I remove the plugin entirly and remove all the settings and start over again.
What is the best way to smush all the images?