← Tutti gli esempi

Substack: blockquote evidenziati

Aggiunge un bordo sinistro colorato e uno sfondo leggero ai blockquote per evidenziarli.

Codice da copiare

/* Style blockquotes with a clear accent border and tint */
.body.markup blockquote,
.available-content blockquote,
[class*="postBody"] blockquote {
  border-left: 4px solid #ff6719 !important;
  background: rgba(255, 103, 25, 0.06) !important;
  padding: 12px 18px !important;
  border-radius: 0 6px 6px 0 !important;
  font-style: italic !important;
  color: #2c2c2c !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.