Instead of adding class {.class} per article to the first paragraph, can it be done through the templates?

Actually, it was the first paragraph I wanted to target to apply a dropcap in an accessible way. The solution I shared above is also not ideal because it duplicates the first targeted word when copied (e.g. i the first word is The, then the dropcap class is applied but the word now appears twice whe…

This worked [image] Implement accessible drop-cap support Oh, man. I was almost there. Eh, guess I’ll leave my attempt here anyway: {{ $firstP := `(?:^<p>((\b[a-zA-Z])([\w\-]+))((?:.|\n)+?)</p>)` }} {{ $withDropCapDom := printf "<p class=\"the-first-paragraph\"><span aria…

If you just want to target the first paragraph on a page, you can do something like: main p:first-of-type { font-weight: bold; }

Why not use CSS and a pseudo-element like nth-of-type?

This could get the medal of the most absurdly complicated solution for an extremely simple task :sweat_smile: :sweat_smile: :sweat_smile:

Add a class to the first paragraph

support

Arif June 21, 2023, 7:09pm 2

This worked

Topic		Replies	Views
Implement accessible drop-cap support	12	1270	September 1, 2020
Printing selected paragraphs in {{ .Content }} support	3	471	March 22, 2020
[Solved] Adding class attribute to <p> tags in {{ .Content }} support	9	11429	December 1, 2019
Humanize only capitalise 1st letter and nothing else in the paragraph support	3	419	September 19, 2023
First "class" line of Remark.js renders as paragraph support	0	409	December 31, 2020

Add a class to the first paragraph

Related topics