How to change CSS class of page.content() paragraphs?

Archive
1

Here is the problem: Suppose I have :

  1. a CSS with formatting rules defined both in a “blog-item” class and in the “p” element.
  2. A blog post with three paragraphs and a standard item.html.twig template with these lines:
    ------------<div class="blog-item"> {{ page.content }} </div> -----------------

Now Grav will (correctly) produce the following HTML:
---------------```

Lorem ipsum dolor sit amet, ....

Lorem ipsum dolor sit amet, ....

Lorem ipsum dolor sit amet, ....

---------------```

which will not apply my blog-item rules, as they will be overridden by the more specific “p” rules. I think I need the template to produce HTML as:
---------------```

Lorem ipsum dolor sit amet, ....

Lorem ipsum dolor sit amet, ....

Lorem ipsum dolor sit amet, ....

---------------```

Question: what’s the Twig/Grav magic that will allow me to do that?

2

You probably just need to tweak the css to target .blog-item > p rather than just .blog-item