← Alle Beispiele

Substack: dekorativer Initialbuchstabe

Vergrößert den ersten Buchstaben des ersten Absatzes für einen Zeitungs-Look.

Code zum Kopieren

/* Stylish drop-cap on the first paragraph of an article */
.body.markup > p:first-of-type::first-letter,
.available-content > p:first-of-type::first-letter {
  font-family: 'Charter', Georgia, serif;
  font-weight: 700;
  float: left;
  font-size: 3.6em;
  line-height: 0.9;
  padding: 6px 8px 0 0;
  color: #c2410c;
}

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.