← Tous les exemples

Substack : citations en bloc mises en avant

Ajoute un bord gauche coloré et un léger fond aux citations pour les démarquer du texte.

Code à copier

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

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.