Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Edit your invoice template in Settings → Billing → Invoice Customization → Invoice template 
  2. Click on HTML button to edit html source of your template
  3. To <table> element holding your invoice items, add id ID attribute:

    Code Block
    languagexml
    <table id="invoice-table-items">
     


  4. At the bottom of your template, add <style> block with css rules providing alternating backgrounds, like so:
     

    Code Block
    languagexml
    <style>
    #invoice-table-items tr:nth-child(odd) {
    	background: #c0c0c0;
    }
    #invoice-table-items tr:nth-child(even) {
    	background: #ffffff;
    }
    </style>