Hi @jimmybwy and @pageupsolutions,
Sorry, For the inconvenience but we have just tried to make CSS for an 80mm printer. Please just tell us know if it is working for you or not. Please add the below code in your active theme’s functions.php file or use a plugin like Code Snippets:
function stylesheet_80mm(){
?>
<style>
/* CSS Media Queries for Print
------------------------------------------*/
@media print {
body {
font-size: 8.5pt;
max-width: 80mm;
margin: auto!important;
font-weight: 550;
}
.shipping-address{
width:80%!important;
}
.billing-address{
width:70%!important;
margin-bottom:1em!important;
}
h2,h3{
margin-bottom:0!important;
}
th{
padding-bottom:0!important;
padding-left:0.5em!important;
}
td{
padding:0.35em 0.35em 0!important;
}
.order-addresses{
margin-bottom:1em!important;
}
.order-info li strong {
font-weight:600!important;
display:inline!important;
padding-right:1.4em!important;
}
.order-info{
margin-bottom:0!important;
}
.order-branding{
margin-bottom:0!important;
}
.product-quantity, .total-quantity{
padding-left:1.8em!important;
}
.includes_tax {
white-space:nowrap!important;
}
.content {
/* Remove padding to not generate empty follow up pages */
padding-bottom: 0;
}
}
</style>
<?php
}
add_action('wcdn_head','stylesheet_80mm');
Let me know if this works for you.
Regards,
Moksha.