Hello Gavin,

You can modify your pdf template if you know some html and css.

This can be done in the backend > templates > edit using plain text. And edit the one in the tab PDF and email version.

What you are looking for is in the "Styles for PDF and email"
.table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}

You can also add extra css to adapt your requirements.

Tell me if that helps,
Joan

Dear Joan,

I tested to reduce the .table{width:100%;margin-bottom:5px;} or changed some css.
However, our pdf template are still very wide layout at top/bottom margins.

which css class or div i need to change it??

Regards,
Gavin

Helo Gavin,

You're right. This solution is not enough because dompdf inserts some margins.

To tell dompdf which margins to set you can insert this css in the "Styles for PDF and email" field:

@page { margin: 0px; }
body { margin: 0px; }

Remember to change 0px for a bigger number. 0px means 0 margin. I think 10px sould look ok for you.

Regards,
Joan