/
Templates: Alternating background colors of PDF invoice items rows
Templates: Alternating background colors of PDF invoice items rows
If you want to have different background of invoice items rows in PDF/HTML invoices, you can use CSS to achieve that.
- Edit your invoice template in Settings → Billing → Invoice Customization → Invoice template
- Click on HTML button to edit html source of your template
To <table> element holding your invoice items, add ID attribute:
<table id="invoice-table-items">
At the bottom of your template, add <style> block with css rules providing alternating backgrounds:
<style> #invoice-table-items tr:nth-child(odd) { background: #c0c0c0; } #invoice-table-items tr:nth-child(even) { background: #ffffff; } </style>
, multiple selections available,
Related content
Invoicing: Set custom header/footer in PDF invoice template
Invoicing: Set custom header/footer in PDF invoice template
More like this
Invoicing: Adding code to invoice templates
Invoicing: Adding code to invoice templates
More like this
Invoicing: Invoice fixed client data
Invoicing: Invoice fixed client data
Read with this
Document templates
Document templates
More like this
Invoicing method
Invoicing method
More like this
Email templates: Email template attachment
Email templates: Email template attachment
More like this