Lines/grids on invoice

[Andrew_Milne]

Hi

Is it possible to put lines/grids between each item on an invoice? Would make it a lot easier to read across the page.

[ian_roberts]

This would be doable with a bit of CSS customisation - click the “invoice style gallery” button at the top of an invoice preview page, then “modify this style”. A rule along the lines of

.invoice-items-row {
  border-bottom: 1px solid #ddd;
}

would put a faint line under each row, or

.invoice-items-row:nth-child(even) {
  background-color: #f9f9f9;
}

would create a kind of zebra stripes effect with alternating white and pale grey rows.