Multiple columns for footnotes

Posted by Brunhilda on 22 Aug 2009 14:53, last edited by GoVegan on 12 Nov 2010 09:49

Tags: column footnote

rating: +4+x

OK, thanks to James KanjoJames Kanjo, a brilliant young man, we have come up to this marvelous solution.

If you want to put Footnotes in two columns, you just follow these simple steps:

  • First, insert into your CSS the following code:
.multi-column .footnote-footer {
    padding: 0;
    padding-bottom: 1em;
  • Then, create a page template:footnotes
  • Insert into that page the following code:
[[div class="multi-column" style="-moz-column-count: {$columns}; -moz-column-gap: {$gap};"]]
[[footnoteblock title=""]]
  • Then use include module with variables in a page where you want to have footnotes in multiple columns.

[[include template:footnotes
|columns=2 or 3, 4, whatever number you want

Now, I recommend the gap of 25px, and if you are ok with it, you can even put it as a constant parameter in the template page code. But if you need different gap widths at different pages, then it is better to keep it as variable parameter.

In action



James KanjoJames Kanjo. Please visit his/her userPage.

BrunhildaBrunhilda. Please visit his/her userPage.

Related articles


Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.