Best way to put a drop case to the first letter

[kulbhushanchand]

Hello everybody,

I tried adding the drop case to the first letter of the first paragraph on the blog post alone.
For this I try isolating the first paragraph as .page__content > p:first-of-type:first-letter, which works but also on all other pages. (Please see attached picture)
My intention is to put this change on the blog post only.

What is the best way I can manage to select the first paragraph of the blog post only?
or any other way to do the same?

Thanks

[iBug]

Restrict your CSS selector to another HTML class, then add classes: example-class to your posts where you want to enable this feature, like this:

.example-class .page__content > p:first-of-type:first-letter {
  // Your CSS here
}

---
title: Blah
classes: example-class
---

Post content

This is what I'm doing when I want to add page-specific CSS.

[kulbhushanchand]

Thanks @iBug, this looks like a smart (and probably the only) way instead of changing the layout files.
However, it also seems to be unnecessary repetition if I want every post under _posts folder to have this change.

• Does jekyll or minimal-mistakes provides any other way to target everything under the _posts folder?
• Does minimal-mistakes provide any specific css class for the files under the _posts folder only?

[iBug]

If you want to do something to all posts, use Front Matter Defaults to apply settings to all posts. This is stock Jekyll settings and should work decently.

[mmistakes]

This is where Jekyll's front matter defaults come into play.
https://jekyllrb.com/docs/step-by-step/09-collections/#front-matter-defaults

Example:

# _config.yml
defaults:
  # _posts
  - scope:
      path: ""
      type: posts
    values:
      layout: single
     classes: "your-unqiue-class"
      ...

[kulbhushanchand]

Thanks a ton 🙏 @iBug and @mmistakes
Front matter defaults is the one I was looking for.
Appreciate your kind support for this awesome theme...