# Automatic Drop Cap on Posts

> Styles the first letter of every blog post as a large decorative drop cap, without having to switch it on block by block.

- Type: CSS
- Runs: Site-wide header
- Category: [Content](https://wpide.com/library/category/content/)
- Tags: typography, drop-cap, css
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/drop-cap-on-posts/

## Code

```css
.single-post .wp-block-post-content > p:first-of-type::first-letter,
.single-post .entry-content > p:first-of-type::first-letter {
    float: left;
    margin: 0.06em 0.12em 0 0;
    font-size: 3.6em;
    line-height: 0.85;
    font-weight: 700;
}
```

## Notes

Selectors cover block themes and most classic themes; adjust them if your theme uses different content classes.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Automatic Drop Cap on Posts" in its snippet library and add it in one click; or create a new CSS snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/