← Alle Beispiele

Substack: Blockzitate hervorheben

Versieht Blockzitate mit farbigem Linksrand und leichtem Hintergrund, damit sie auffallen.

Code zum Kopieren

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

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.