← Alle Beispiele

Product Hunt: Rang-Nummer hervorheben

Vergrößert die Rang-Nummer vor jedem Beitrag, damit das Tagesranking leichter zu verfolgen ist.

Code zum Kopieren

/* Highlight the rank number in front of each post */
[data-test="post-rank"],
[data-test^="post-item"] [class*="rank"] {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #da552f !important;
  min-width: 32px !important;
  text-align: center !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.