← Tutti gli esempi

Substack: rimpicciolisci l'immagine di copertina

Limita l'altezza dell'enorme immagine di copertina per arrivare prima al testo.

Codice da copiare

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

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.