← Tutti gli esempi

Product Hunt: elenco post compatto

Riduce spaziature e miniature nell'elenco dei lanci per mostrare più prodotti sullo schermo.

Codice da copiare

/* Compact post-list density so more launches fit on screen */
[data-test^="post-item"] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
[data-test^="post-item"] + [data-test^="post-item"] {
  margin-top: 2px !important;
}
[data-test^="post-item"] img[class*="thumbnail"],
[data-test^="post-item"] [class*="thumbnail"] img {
  width: 40px !important;
  height: 40px !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.