Making Footnotes a Smaller Font in the Web Book
Pressbooks provides a footnotes functionality that enables you to include footnotes in your text for citations, references, definitions, or additional contextual information. In the web version of your text, the footnote marker will link to the footnote at the bottom of the page.
Resourcces
To learn how to use the footnotes functionality in Pressbooks, review the following guide:
Issue
Although you have the flexibility to adjust the size of the body text and header text through Theme Options, the size of footnotes remains consistent with the body text and cannot be independently modified.
Solution
The solution involves adding CSS to the Custom Styles that will allow you to enter a separate font size for footnotes.
- On the Dashboard, select Appearance then Custom Styles
- In the Your Web Styles box, add the CSS shown below
- Save changes
- If you would like a larger or smaller font size for your footnotes, adjust the size of the font-size number in the CSS accordingly
Custom CSS:
.footnotes ol {
font-size: 0.8em;
}
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML. (Wikipedia, CC BY SA 4.0)