Are you looking for a way to print your HubSpot sales quotes in landscape mode instead of portrait? Or do you want to remove the white margins when printing or download the quote pdf?
HubSpot sales quote templates use CSS print styles to format the PDF and printed document. This gives you an opportunity to write custom CSS to adjust how this document is formatted. Below is a print ruleset you can use in your sales quote template to force the document to be in landscape mode.
Try printing this live page: https://cdpn.io/pen/debug/dydpXLx
@media print {
/* sets printed page landscape and no margin so color bleeds to edge */
@page {
size: landscape;
}
}
In order to demonstrate how this works, I created a simple demo with the basic print CSS styles. Here is a Codepen example you can experiment with: https://codepen.io/JacobLett/pen/dydpXLx
Questions
Contact me if you have any questions regarding this technique.
Sources
- https://stackoverflow.com/questions/39356258/force-landscape-orientation-in-css
- https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
