Home → Questions →

CSS styling for footnotes

• Edit

d

13 Apr, 2014 02:43 PM

Hi there,

I'm trying to create a Turabian CSS Style Template. So far its mostly working, but I have a couple of issues I can't find answers for.

1. How can I remove the square brackets around the footnote numbers - i.e. rather than [3] have them just "3"
   
2. The indentation on the footnotes needs to indent the number by 1/2 and inch, and then have a single space between the number and the note itself.
   
3. Is it possible to remove the "return" link in print mode?
   
4. Is it possible to have footnotes at the bottom of each page when printing? i.e. the footnotes from page 4 appear at the bottom of page 4.

Thanks!
Darryl

1. Support Staff 1 Posted by Brett on 13 Apr, 2014 05:30 PM

   

   > 1. How can I remove the square brackets around the footnote numbers -
   > i.e. rather than [3] have them just "3"

   MultiMarkdown does this, and it's not alterable by the user. You'd have
   to use an custom processor that can handle footnotes and present them
   the way you prefer.

   > 2. The indentation on the footnotes needs to indent the number by 1/2
   > and inch, and then have a single space between the number and the note
   > itself.

   Inches can be tough to replicate in CSS, but you can experiment with px
   or pt measurements. You'd apply the 1.5" margin to the `.footnotes ol`.
   The space between the number and the footnote can be controlled on the
   `.footnotes ol li` rule with a negative text-indent to shrink it down.

   > 3. Is it possible to remove the "return" link in print mode?

   @media print { a.reversefootnote { display: none; } }

   > 4. Is it possible to have footnotes at the bottom of each page when
   > printing? i.e. the footnotes from page 4 appear at the bottom of page
   > 4.

   No. Because the document is generated as an HTML page first, it has no
   concept of pagination, and page sizes shift with every theme and font
   change, so calculating them and forcing placement of footnotes is nearly
   impossible.

   -Brett

   • Edit

2. 2 Posted by d on 14 Apr, 2014 06:00 PM

   

   Thanks Brett!

   I'll look into a custom processor when I have a bit more time. Its good to know where the different limitations are.

   Darryl

   • Edit