← Все примеры

Product Hunt: выделить место в рейтинге

Увеличивает номер места перед каждой записью, чтобы было легче следить за рейтингом дня.

Код для копирования

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

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.