Adding Additional Text Blocks to Blog Post Header

Here is how I've custom-built a page header for interior article pages (see attached, "Sanguinello"): https://www.riverstyx.org/sanguinello

Here is how the header appears on a blog post (see attached): https://www.riverstyx.org/fiction-test/blog-post-title-one-f3nnp?rq=four prepositions

What I Want to Do

How do I add two additional text blocks to the blog post header so that I can include the genre ("Fiction" above the title) and an excerpt ("When the bald spot formed...") underneath the title? I can't seem to achieve this with CSS and am guessing it requires a script. (Note: I want this to functionality on all blog post pages.)

Thank you!

For the fiction above the title you could use a category with the following settings.

I'm thinking on the excerpt but I don't have a solution and I can't say I'll come up with one.

2 hours ago, creedon said:

For the fiction above the title you could use a category with the following settings.

I'm thinking on the excerpt but I don't have a solution and I can't say I'll come up with one.

The problem with that solution is I need the date and by-line to stay below the title. 

Quote

I'm thinking on the excerpt but I don't have a solution

Please see Blog Page Post Excerpt Element.

Let me know how it goes.

Bumping this. Still no solution.