Custom CSS
Custom CSS lets you add your own CSS styles to customise the appearance of your EventWorks interface. This is an advanced feature for users who want to adjust colours, fonts, spacing, or other visual elements beyond the standard settings.
Getting There
Navigate to Settings > General tab > Custom CSS.
Overview
The Custom CSS page provides a code editor where you can write CSS that is applied across your entire EventWorks account. The editor includes syntax highlighting to help you write valid CSS.
How To...
Add Custom CSS
- On the Custom CSS page, click Edit.
- Enter your CSS in the code editor. The editor provides syntax highlighting for CSS.
- Click Save.
Your CSS is applied immediately across your account for all users.
Remove Custom CSS
- Click Edit.
- Clear the contents of the editor.
- Click Save.
Key Concepts
Account-wide styling — Custom CSS applies to every user on your account. There's no way to apply it to specific users or teams. CSS specificity — Your custom CSS is loaded after EventWorks' default styles. If your rules don't seem to take effect, you may need to increase their specificity to override the defaults. No impact on documents — Custom CSS affects the EventWorks web interface only. It does not change the appearance of generated PDFs (invoices, quotes, job sheets, etc.).Tips & Best Practices
Tip: Make small, incremental changes and test thoroughly. A CSS error could affect the usability of the interface for your entire team.
Tip: Use your browser's developer tools (usually F12) to inspect elements and find the right CSS selectors before writing your custom rules.
Warning: Be careful with CSS that hides interface elements or changes layout significantly. This could confuse your team or make features inaccessible. If something goes wrong, clear the Custom CSS field and save to restore the default appearance.
Frequently Asked Questions
Q: Can I change the colours of the EventWorks interface?Yes — you can override any colour in the interface using CSS. Use your browser's developer tools to identify the CSS selectors for the elements you want to change.
Q: Will my custom CSS break when EventWorks is updated?It's possible. If EventWorks updates change the HTML structure or CSS class names, your custom rules may need updating. Keep your custom CSS simple and avoid targeting very specific internal selectors that are more likely to change.
Q: Can I use custom CSS to style documents (invoices, quotes)?No — Custom CSS only affects the web interface. Document styling is controlled through the document template settings in Accounting and Invoice Settings.