Remove blank spaces

Hi @whflive,

Try adding this extra CSS rule within the code snippet above:

table.order-data-addresses, table.head {
    margin-bottom: 0;
}

Thanks so much @yordansoares. This did the trick.

One more thing if I may: How can I bring the order no. & date slightly more to the left?
Changing right/left margins for the code below did not work.

	?>
	.invoice tr.order-number, .invoice tr.order-date {
		font-size: 6pt;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

Shown here: https://i.imgur.com/vpoQF9O.png

An alternative could be to change “Order Number” to “Order No.” and Date from “21 October 2022” to “21/10/22” if that is possible.

• This reply was modified 2 years, 1 month ago by whflive.

Any help please?

How can I bring the order no. & date slightly more to the left? Changing right/left margins for the code below did not work.

This is because the white space in the middle is reserved for the shipping address. If you don’t need it, you can hide it, and increase the order data width, with these CSS rules:

td.address.shipping-address {
    display: none;
}
td.order-data {
    width: 50%;
}

An alternative could be to change “Order Number” to “Order No.”

We don’t have a setting to customize the text on the PDF documents, but you can achieve it with this code snippet:

/**
 * PDF Invoices & Packing Slips for WooCommerce:
 * Customize texts on the PDF documents (gettext)
 */
add_filter( 'wpo_wcpdf_html_filters', function( $filters ) {
	$filters[] = array( 'gettext', 'wpo_wcpdf_customize_string_translation', 999, 3 );
	return $filters;
}, 10, 1 );
function wpo_wcpdf_customize_string_translation( $translation, $text, $domain ) {
	if ( $domain == 'woocommerce-pdf-invoices-packing-slips' ) {
		switch ( $text ) {
			// Repeat as many cases as strings you want to translate
			case 'Order Number:':
				$translation = 'Order N°:';
				break;
		}
	}
	return $translation;
}

…and Date from “21 October 2022” to “21/10/22” if that is possible.

We follow the WordPress date format, that you can set under the WordPress Dashboard Settings > General > Date Format. However, to apply a custom date format only for the PDF document, you can use this code snippet:

/**
 * PDF Invoices & Packing Slips for WooCommerce:
 * Customize the order date
 */
add_filter( 'wpo_wcpdf_date_format', 'wpo_wcpdf_date_format', 10, 3 );
function wpo_wcpdf_date_format( $date_format, $document, $date_type ) {	
	if( $date_type == 'order_date' ){
		$date_format = 'd/m/Y';
	}
	return $date_format;
}

Perfect, thanks so much Yordan. Great plugin, even better support.

Thanks for your kind words, @whflive! ?

If you don’t mind and have the time, do you think you could leave us a review?

Thanks in advance and all the best with your store!