Tip: Hiding Footnotes

by pieterh on 16 Dec 2009 11:24

Occasionally I use this blog to explain simple Wikidot tricks I've learned. Here is one that just proved useful. On this blog, the main page was showing footnotes mixed with the story summaries. There are a few ways to fix this (like, don't use footnotes in the first paragraph, fool!) but the proper solution is some per-page CSS styling on that list page to hide the footnotes.

Luckily we made the CSS module a week or two ago. I started FireFox, downloaded the Firebug addon, which lets me play with a page's CSS, and it took me only a minute or so to see exactly what to change. Giving me this code, which I added into the _start page:

[[module css]]
.footnotes-footer { 
    visibility: hidden; 
    height: 0;
    padding: 0;
    margin: 0;

Note that since yesterday we can now be lazy and type module names in lowercase…. :-)

Comments: 4

Add a New Comment