Overview
Code mode gives you full control of the template's markup and styles — useful for pixel-accurate, brand-exact layouts that go beyond the drag-and-drop editor. If you can write basic HTML and CSS, you can use Code mode.
Using Code mode
In the PDF Builder, switch the top tab bar to Code.
Two side-by-side code editors open: the HTML template on one side and the base CSS on the other.
Edits apply after a short pause and update the canvas and preview automatically.
Switch to Preview at any time to see the full rendered output with page breaks and headers/footers.
Tips
The CSS editor styles the whole template; per-element overrides from the visual CSS Editor are applied on top.
Page size, orientation, and margins set in Settings apply in Code mode too.
Manual save creates a restorable version — useful before a big edit. See Using Template Version History.
FAQ
Q: Can I switch between Code mode and the visual editor?
A: Yes — they edit the same template. Changes in one are reflected in the other.
Related Articles