← Tous les exemples

Product Hunt : mettre en avant le numéro de classement

Agrandit le numéro de rang devant chaque post pour suivre plus facilement le classement du jour.

Code à copier

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

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.