← Tous les exemples

Product Hunt : mettre en avant le nombre de votes

Agrandit et met en évidence le bouton de vote pour voir la popularité d'un produit en un coup d'œil.

Code à copier

/* Emphasize the upvote count button on each post */
[data-test="vote-button"],
button[data-test^="vote-button"] {
  transform: scale(1.15) !important;
  font-weight: 800 !important;
  color: #da552f !important;
  border-color: #da552f !important;
}
[data-test="vote-button"] svg {
  fill: #da552f !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.