Footnotes - again

Using Ghost
1

I wrote a post about another option for footnotes, if anyone is interested:

It joins my previous post about footnotes (which unfortunately leaves them not so nicely formatted in email) :

and the markdown option, which unfortunately only numbers sequentially within the same card:

4 Likes
2

Thank you so much for this! It’s one of the biggest features that I miss the most from my previous provider, so it’s fantastic to finally have them back again. <3

3

Hi Cathy,

I pasted your code in the footer of the theme but looks like it doesnt work. Well, Im probably doing something wrong. I pasted the code, than in a post, at the side of a word I wrote “word[[1]]: this is the text of the note.”.

But when in the preview view I just see “word[[1]]: this is the text of the note” as I wrote and not the awesome not you show in your post.

I tried to put the text in another line as you said but it doesnt show up.

Edit: now I can see the number of the note on apex but I dont have anykind of pop-up that shows the text of the note.

Any help please?

Thank you!

4

I’m not sure which set of directions you’re following - is it the second link above? If so, you need a structure like:

Blah blah blah [[1]]

blah blah blah

[[1]]: This is the footnote text for note 1.

1 Like
5

Hi,

yes I’m using the second link. But I think I know whats the problem.

I’m using HTML cards because I need custom fonts and other style setting for part of the text. So I’m using your method which I suppse works only in a normal text card and not in an HTML one.

<section>
<p style="font-size:20px; font-family:Times LT Std Roman; text-align: justify;">

text text text[[1]]...

[[1]]: This is the text.
</p>
</section>

Sorry I didnt get it.

I will try in a normal post.

Thanks for sharing your method!

6

You may also need to tweak the css selectors (look for document.querySelectorAll) to match your theme’s structure.