Side Notes in Headings?

  • Resolved xammamax

    (@xammamax)


    10 years, 9 months ago

    Is it possible to use Side Notes in Headings?

    The problem for me is that the heading is not properly closed because the [ref] seems to conflict with the heading closing </h6> when using:

    <h6>Heading[ref]</h6>
Sidenote text[/ref]

    The consequence is that the css for the heading is therefore applied to the following content of the page.

    Here is a small example of the issue: https://www.explainingprogress.com/heading-and-side-matter-conflict/

    Now I used a not very elegant fix by suppressing the heading styling to all following content by using css; but I was wondering whether there is a nicer way of using side-notes in headings!

    Thanks for the great plugin!

    https://www.ads-software.com/plugins/side-matter/

Viewing 3 replies - 1 through 3 (of 3 total)

  • I don’t think it is possible to use side notes with headings. I certainly can’t do it.

    The way I get around this is to create a new class that does not have the h tag, for example:
    <heading6>
    and give it the same attributes in my theme’s stylesheet as a regular h6.

    Then I use the new class instead of h6 when I want to attach a side note.

    Plugin Author setzer

    (@setzer)

    xammamax,

    Sorry for the delayed response. Were you able to solve this problem? I hadn’t observed any issue generating references in headings before. For example, here is what the following post content looks like under the theme Twenty Twelve: image.

    vis eu malis sanctus eligendi.
<h1>Heading[ref]Test sidenote[/ref]</h1>
Exerci singulis ne mei. Vim eu consetetur comprehensam, ferri temporibus eu sit, tritani

    Keeping the [ref] shortcodes inside the heading tags seems to be the important thing here.

    Thread Starter xammamax

    (@xammamax)

    Thanks for your reply Setzer!

    The reason why I cannot have the reference in the heading is that I’m automatically generating a link to each heading. If I’d have the side note in the heading I would also have it in the URL..

    Now Im just using code like this:

    <h6>Heading[ref]</h6>

Side Note[/ref]

    And this works!

    Here are examples: https://www.ourworldindata.org/data/population-growth-vital-statistics/child-mortality/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Side Notes in Headings?’ is closed to new replies.