Skip to main content
If your brand needs something the style editor cannot express, you can inject your own CSS into the viewer. Go to Settings → Customization and click Use your own CSS. The button turns dark and reads Custom CSS enabled; a code editor opens underneath.
Custom CSS editor with rules typed in and the Save CSS button

Settings → Customization → Use your own CSS

Custom CSS is the one part of the editor that does not autosave. Click Save CSS — the indicator next to the button shows Unsaved changes, Saving… or Saved.

Where to start

Everything in the viewer is namespaced. The root element is .iv_root, and the CSS custom properties it exposes are the cleanest way to restyle:
Overriding the variables keeps light mode, dark mode and every component consistent. Reach for element selectors only when a variable cannot do the job.

Useful class names

Open your published Visit, right-click an element and choose Inspect to find the exact class you need. Every class the viewer uses starts with iv_ or pp_.

Loading a custom font

Turning it off

Click Custom CSS enabled again to disable it. Your CSS is kept, so you can toggle it back on without retyping.

Support

Custom CSS is powerful and unsupported by definition — a future viewer update can change an internal class name. Stick to the variables where you can, keep your overrides short, and re-check them after a release.