← Todos los artículos

Tutoriales

Ajustes de LinkedIn — un feed más tranquilo con CSS y JS

18 mayo 2026 · por JustZix Team

LinkedIn puede ser útil, pero su feed está densamente cargado de publicaciones promocionadas, módulos de "Personas que quizás conozcas", una columna de noticias y contadores de reacciones que tiran de tu atención hacia los lados. Esta guía muestra cómo despejar linkedin.com con unas pocas reglas CSS y JS en JustZix — ocultar lo que nunca lees y dejar solo el flujo de contenido de las personas que sigues.

Por qué recortar LinkedIn

El feed de LinkedIn mezcla varios tipos de contenido: publicaciones de personas que sigues, publicaciones "promocionadas" (anuncios), sugerencias de "me gusta", sugerencias de seguir y un carrusel de noticias en la columna derecha. Para el algoritmo todo eso es "interacción"; para ti es ruido. JustZix se ejecuta localmente dentro de la pestaña: una regla CSS oculta un elemento, una regla JS puede quitarlo del DOM o atenuar sus colores. Nada sale de tu navegador, y cada cambio está fijado a linkedin.com y se alterna con un clic.

Oculta las publicaciones promocionadas y patrocinadas

Los anuncios del feed de LinkedIn están etiquetados como "Promoted" (o "Sponsored" en algunas configuraciones regionales). El contenedor de la publicación en sí no tiene una clase estable, pero el elemento que lleva ese texto sí se puede capturar. El intento más simple en CSS puro se apoya en atributos auxiliares:

/* Atenúa los contenedores marcados como publicidad */
.feed-shared-update-v2:has(.update-components-actor__description) {
  /* solo selector auxiliar — mira la regla JS de abajo */
}

/* Atenúa la etiqueta visible "Promoted" cuando ya sabes que es un anuncio */
span.update-components-actor__description {
  opacity: 0.55 !important;
}

CSS no puede emparejar un elemento por su texto, así que la vía fiable es una regla JS corta que escanea el feed y oculta toda la publicación que contiene la etiqueta de anuncio:

// Oculta las publicaciones "Promoted" / "Sponsored" en el feed
function hideSponsored() {
  const labels = document.querySelectorAll(
    '.update-components-actor__description, .update-components-text'
  );
  labels.forEach(el => {
    const t = (el.textContent || '').trim().toLowerCase();
    if (t === 'promoted' || t === 'sponsored') {
      const post = el.closest('.feed-shared-update-v2, div[data-id]');
      if (post) post.style.display = 'none';
    }
  });
}
hideSponsored();
// El feed carga de forma diferida al desplazar — vigila los cambios
new MutationObserver(hideSponsored).observe(
  document.body, { childList: true, subtree: true }
);

Corta los módulos "Personas que quizás conozcas" y "Añadir a tu feed"

Entre las publicaciones normales LinkedIn inyecta tarjetas con sugerencias de seguir y de "me gusta". Eso no es contenido — son señuelos para hacer clic. Puedes ocultarlas con una regla CSS que apunte a los componentes de sugerencias:

/* Tarjetas "Personas que quizás conozcas" y "Añadir a tu feed" */
.discover-entity-type-card,
.feed-follows-module,
section.artdeco-card:has(.discover-cohort-card),
.update-components-header:has(span[aria-label*="suggested"]) {
  display: none !important;
}

/* Señuelo de seguir incrustado en una publicación */
.feed-shared-actor__follow-button {
  display: none !important;
}

Oculta la columna de noticias de la derecha

La columna derecha ("LinkedIn News", "Añadir a tu feed", tendencias) ocupa un ancho fijo y no aporta nada a la lectura. Ocultarla ensancha el flujo principal:

/* Oculta la columna derecha y ensancha el feed */
aside.scaffold-layout__aside,
.news-module,
.feed-news-module {
  display: none !important;
}

/* Deja que la columna principal ocupe el espacio liberado */
.scaffold-layout__row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) !important;
}

Modo enfoque — solo publicaciones

Cuando quieres revisar el feed sin distracciones, una sola regla puede ocultar la columna izquierda de perfil, la columna derecha y el contador de reacciones bajo cada publicación:

/* Modo enfoque: solo el flujo de publicaciones */
aside.scaffold-layout__aside,
.scaffold-layout__sidebar,
.social-details-social-counts {
  display: none !important;
}

/* Oculta los contadores de reacciones y comentarios */
.social-details-social-counts__count-value,
.social-details-social-counts__reactions-count {
  display: none !important;
}

Atenúa las distracciones a escala de grises

Si prefieres no quitar elementos sino solo bajarles el tono, una regla JS puede desaturar las notificaciones y el banner de contenido patrocinado dejando el color donde lees:

// Baja el tono de las distracciones en lugar de quitarlas
const muted = document.querySelectorAll(
  '.feed-news-module, .discover-entity-type-card, .ad-banner-container'
);
muted.forEach(el => {
  el.style.filter = 'grayscale(1)';
  el.style.opacity = '0.6';
});

Monta tu propio conjunto

Mantén estos ajustes como reglas separadas y con nombre — "LinkedIn: sin anuncios", "LinkedIn: sin sugerencias", "LinkedIn: modo enfoque" — cada una fijada a linkedin.com. Entonces un solo clic adapta el feed a cómo quieres usarlo ahora mismo.

Las reglas ya hechas para LinkedIn están en el catálogo — mira los ejemplos para linkedin.com y copia lo que encaje. Instala JustZix y calma tu feed hoy.