How to insert a drop cap on every blog post automatically for the first paragraph?

I want to add a drop cap to the first paragraph (that is styled in P1) for every blog post without manually adding the code block to every page. 

Other tutorials only share how to manually do it. Any ideas?

Hope you can help.
 

Add this to advanced -> blog post item code injection on the blog page settings in question:

<style>
p:first-child:first-letter {
  float: left;
  line-height: 120%;
  width: 1em;
  font-size: 350%;
}
</style>

On 9/5/2023 at 10:29 AM, Ziggy said:

Add this to advanced -> blog post item code injection on the blog page settings in question:

<style>
p:first-child:first-letter {
  float: left;
  line-height: 120%;
  width: 1em;
  font-size: 350%;
}
</style>

The code worked, kind of. The code capitalised a P2 style too, which you can see in the photo. I should've said, I need it to target only P1 style.

 

Can you share your website URL?

https://www.manfortoday.com/journal

I've managed to change the size and alignment better, but it still needs to target just the first P1 paragraph, not any other P styles (2,3, miscellaneous)

Works great, thank you!