← All examples

BBC: distraction-free focus mode

Hides everything except the article body and centers it, creating a calm, focused reading space.

Code to copy

/* Distraction-free focus mode: keep only the article body */
body > *:not(:has(article)),
aside,
[data-component="ad"],
[data-component="links-block"],
[data-component="mostRead"] {
  display: none !important;
}
article { margin: 0 auto !important; max-width: 44rem !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.