Support for Custom CSS in Documents and Contracts
N
Nitay Ben Zvi
The current design capabilities in the Documents and Contracts builder are very limited, making it difficult to create professional, customized, or brand-consistent documents. Adding support for Custom CSS—as already available in Forms and Email Templates—would significantly enhance flexibility and usability.
With Custom CSS, users would be able to:
1. Support RTL languages such as Hebrew and Arabic, which currently render incorrectly.
2. Style tables for better readability, branding, and cleaner layouts.
3. Improve product tables by hiding unwanted fields, adjusting padding, borders, font sizes, and layout structure.
4. Use Google Fonts or custom fonts, ensuring brand consistency across all client-facing documents.
5. Add missing design options like background colors, spacing control, custom borders, hover effects, etc.
6. Use absolute or relative positioning, giving precise control over layout, which is crucial for advanced designs or aligning elements correctly in multi-language documents.
7. Implement responsive design for print or mobile previews using media queries.
8. Apply conditional visibility or styling based on variables or content (e.g., hide a block if a certain variable is empty).
Custom CSS empowers users to create truly client-ready, polished documents without being restricted by the default editor’s limited options. Since this capability already exists in other parts of the platform (Forms, Emails), adding it here would make the ecosystem more consistent and powerful.
Log In