Invoice Styles - Elucid Template


With CSS how can I make the invoice itemised area be alternate light colours to it’s easier to tell which row each item is on and so it looks better?

Many thanks

You can target alternate rows using the nth-child mechanism, try something like:

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

:nth-child(even) targets the even rows, :nth-child(odd) would target the odd rows.


This topic was automatically closed after 7 days. New replies are no longer allowed.