You can add your own CSS (SASS) to make visual adjustments to documents, like changing colors and font sizes, or hiding specific elements. 

To add custom CSS to your documents:

  1. Go to Settings > Documents.
  2. Click Custom CSS.

Tip: Some knowledge of CSS is required.

Specify which document to edit

By default, the styling is applied to all documents. To style a specific document, you can use a parent selector:

&#document.document-quote {
  /* styling for quotes */
}

&#document.document-contract {
  /* styling for contracts */
}

&#document.document-invoice {
  /* styling for invoices */
}

&#document.packing_slip {
  /* styling for packing slip */
}
Did this answer your question?