Textpattern CMS

#1 2010-04-02 05:53:49

th3lonius

Member

From: Iowa City, IA

Registered: 2010-02-09

Posts: 67

Website

Style All Footnotes

I simply need a container around all footnotes. I have individual footnotes styled the way I want but I need some way to wrap all of them so I can separate the notes cleanly from the rest of the article, e.g. apply top and bottom borders. The way it is now applying a border to the <p> tag places a border in-between each footnote obviously.

I can’t think of a satisfactory solution to this. It seems the ghofootnote plugin is no longer supported but I’m not sure that would accomplish what I need anyway.

Suggestions?

#2 2010-04-02 06:34:39

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: Style All Footnotes

Paragraphs with classes:

fn1(class). Footnote paragraph.
fn1. Footnote paragraph with default class "footnote".

Reference links:

Surrounded with span: %(class) [1]%
Bare: Liner[1]

Example styles:

#id > p.footnote:first-child {
	border-top: 1px solid #000;
}
p.footnote {
	font-size: 2000em;
}
sup {
	color: #c0c0c0;
}

Last edited by Gocom (2010-04-02 06:37:54)

---

Rah | GitHub

#3 2010-04-03 05:13:13

th3lonius

Member

From: Iowa City, IA

Registered: 2010-02-09

Posts: 67

Website

Re: Style All Footnotes

Hmm.. I don’t understand. How do you wrap an element around all footnotes?

#4 2010-04-03 06:30:35

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: Style All Footnotes

Footnotes’ own paragraphs won’t suffice? You can do top and bottom borders with out containers (for example with negative margins or selectors: first-child and so on). Or you can define classes to the footnotes.

---

Rah | GitHub