← Alle Beispiele

Product Hunt: kompakte Beitragsliste

Verkleinert Abstände und Vorschaubilder in der Launch-Liste, sodass mehr Produkte sichtbar sind.

Code zum Kopieren

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

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.