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

Muut · March 10, 2017, 4:17pm

Here is the problem: Suppose I have :

a CSS with formatting rules defined both in a “blog-item” class and in the “p” element.
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, ....

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

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, ....

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

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

Muut · March 11, 2017, 1:12am

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

Topic		Replies	Views
Avoid extra paragraph and possibility to add classes to page.content	2	271	November 21, 2022
Process css with twig Archive	5	492	November 22, 2016
Print image in blog template Themes & Styling	6	1198	August 23, 2017
Markdown and Twig for Layout Themes & Styling	1	928	September 3, 2017
Problems duplicating blog.html.twig file Support first-time , theme	4	517	June 6, 2020

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

Related Topics