← All examples

Bigger, clearer headings

Enlarges headings of every level and adds space above them so the page structure stands out.

Code to copy

.notion-header-block .notranslate { font-size: 2.1em !important; }
.notion-sub_header-block .notranslate { font-size: 1.55em !important; }
.notion-sub_sub_header-block .notranslate { font-size: 1.25em !important; }
.notion-header-block,
.notion-sub_header-block { margin-top: 1.4em !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.