All Collections
Documents
How to customize documents using CSS
How to customize documents using CSS

Learn how to elevate document formatting even further by implementing CSS in Booqable.

Ana avatar
Written by Ana
Updated over a week ago

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

How it works

  1. Go to Settings > Documents.

  2. Click Custom CSS.

3. Specifying 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?