Drop Caps for Blog Items

Add dropcaps to the first letter in all of your blog pages.

1. Add the following Javascript in your Blog Settings » Advanced » Blog Post Item Code Injection area.

<script>
  const firstParagraph = document.querySelector('.blog-item-content p');
  firstParagraph.classList.add('first-paragraph')
</script>

2. Add the following to your Custom CSS area:

.blog-item-content p.first-paragraph::first-letter {
  initial-letter: 3;
  padding-right: 4px;
}