← Все примеры

Etsy: выделить значок бесплатной доставки

Окрашивает значки бесплатной доставки в яркий зелёный, чтобы такие товары легко находить.

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

/* Make the free-shipping badge clearly visible */
.listing-card [data-free-shipping],
[data-listing-id] .free-shipping,
.listing-card .wt-badge--small:not([class*="ad"]) {
  background: #1f7a3d !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}

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

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