[Solved] Custom style on title/heading element?

It's relatively easy to apply a custom style to a paragraph, div, etc:

[.category-info.helper.pt0]

However, I cannot for the life of me figure out how to apply a style to a heading/title.

For example, given the title:

=== This Title Is Styled

I want the ultimate HTML to be:

<h3 class="category-title">This Title Is Styled</h3>

The following doesn't work:

[category-title]
=== This...

Neither does:

[.category-title]
=== This...

Or putting it on one line:

[category-title]=== This...

Or with the dot:

[.category-title]=== This...

I've done a bunch of searching and I cannot seem to find out if this is possible or not.

Thanks!

Looking at:

https://github.com/asciidoctor/asciidoctor-backends/blob/master/slim/html5/section.html.slim

I'm not entirely sure how I would modify the slim in order to inherit a class, because the syntax you suggested was "correct" wraps the title/heading in a div...

OK, sorry to post a response to my own response, but after digging a little deeper I'm pretty confident I'm going to need to use a template. But I am using asciidoctor with Middleman, so I'm not sure where the templates need to go.

I'm working on incorporating the following theme with Middleman/Asciidoc so that contributors don't have to write ERB:

http://themes.vsart.me/vsdocs/tutorial.html

In some cases, I need a heading with a fragment identifier (anchor-y stuff):

<div class="category-info helper pt0" id="tutorial">
  <h3 class="category-title">
    Short Photoshop tutorial
    <a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#tutorial">
      <i class="fa fa-link"></i>
    </a>
  </h3>
</div>

Here's the slim you referenced, which I assume is the "out of the box" template:

- sect0 = section_level == 0
= html_tag_if !sect0, :div, class: [%(sect#{section_level}), role]
  *{tag: %(h#{section_level + 1}), id: id, class: ('sect0' if sect0)}
    - if id && (document.attr? :sectanchors)
      a.anchor href="##{id}"
      =section_title
    - elsif id && (document.attr? :sectlinks)
      a.link href="##{id}" =section_title
    - else
      =section_title
  - if section_level == 1
    .sectionbody =content
  - else
    =content

So, I'm guessing I'll need to engineer a template that somehow gets passed an attribute "anchored" which inserts the fragment identifier bit... which is where I'm a little lost.

I'm not asking you to write the template for me, just trying to figure out (when using Middleman) where the Asciidoctor template needs to go and/or how to specify how to use it and/or where the docs are on passing attributes (not necessarily CSS) to the template/item.

After that I've got some fussing to do with the UL and other templates, but that shouldn't be too bad.

Thanks!

Still having a little trouble here.

https://gist.github.com/thoraxe/4f2faf61b0a20f983de01efae16d85bd

It doesn't appear that the template is being used/rendered. I don't see "foo" anywhere.

Here's the current middleman config stuff:

:asciidoc = {:safe=>:safe,
 :template_dir=>"/templates",
 :attributes=>
  ["showtitle",
   "env=middleman",
   "env-middleman",
   "middleman-version=3.4.1",
   "imagesdir=/img"],
 :base_dir=>"/home/thoraxe/Red_Hat/openshift/discoverycenter/source"}(Default: {:safe=>:safe, :backend=>:html5, :attributes=>["env=middleman", "env-middleman", "middleman-version=3.4.1"]})

Directory structure:

find source/templates/
source/templates/
source/templates/helpers.rb
source/templates/.section.html.haml.swp
source/templates/section.html.haml

I also tried it the way I had poked around:

set :asciidoc_attributes, %w(source-highlighter=coderay coderay-css=style template_dir=/templates)

This also does not work :(

I even tried using pry as documented here: https://github.com/asciidoctor/asciidoctor-reveal.js/blob/master/HACKING.adoc#interactively-debug-a-template

But I never get INTO pry, which means the template file is definitely not being evaluated/loaded.

Aha!

set :asciidoc, {
  safe: :safe,
  template_dir: 'source/templates/',
  attributes: %W(showtitle env=middleman env-middleman middleman-version=#{Middleman::VERSION})
}

Now I get an error, which is better!

LoadError: cannot load such file -- pry

But it's not in my bundle, so that's to be expected.

Awesome!