Paragraph Drop Caps

Paragraph Drop Caps

Install
Huxtab
13th Feb, 2023
16 installations 3 likes

Small optional plugin created alongside my "Better Notes" plugin that adds a stylized large letter as seen in older text, to the beginning of the first paragraph in each entity post.

The drop cap can be colored by adjusting the hex code through theming, I reference this more in my "Better Notes" plugin.

Latest version 1.0

Released 2 years ago on 13th Feb, 2023

Initial Version

CSS rules

:root {
--drop-letter-color:#b8860b;
}
/* Drop letter for Paragraphs */
.entity-story div[id^="post-body"] p:not(blockquote p):first-child::first-letter {
  color:var(--drop-letter-color);
  font-weight: bold;
  font-size: 4rem;
  float: left;
  line-height: 60px;
  padding-right: 8px;
  margin-top: -5px;
}
 Install

User comments & reviews