← Tous les exemples

Substack : réduire l'image d'en-tête XXL

Limite la hauteur de l'énorme image d'en-tête pour voir le début du texte plus tôt.

Code à copier

/* Force the oversized hero/title image down to a reasonable size */
.post-header .image-link img,
.post-header > img,
[class*="postHeader"] img:not([class*="avatar"]),
.cover-image img,
[class*="coverImage"] img {
  max-height: 280px !important;
  object-fit: cover !important;
  width: 100% !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.