← Tutti gli esempi

Etsy: contrasto dei pulsanti più tenue

Attenua l'arancione acceso dei pulsanti principali per una pagina più riposante.

Codice da copiare

/* Calmer contrast: soften loud orange call-to-action buttons */
.wt-btn--filled,
button[data-buy-box-add-to-cart-button],
.wt-btn--primary {
  background-color: #c9622a !important;
  border-color: #c9622a !important;
}
.wt-btn--filled:hover,
.wt-btn--primary:hover {
  background-color: #b3531f !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.