← Todos los ejemplos

BBC: modo de enfoque sin distracciones

Oculta todo excepto el cuerpo del artículo y lo centra, creando un espacio de lectura tranquilo y enfocado.

Código para copiar

/* 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; }

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.