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.

 

Remember when editing the Custom Styles Sheet, you can customize the Web, PDF, and Ebook versions. If you want the change to occur across all three formats, you will need to copy the code to each drop-down (top).
  1. On the Dashboard, select Appearance then Custom Styles
  2. In the Your Web Styles box, add the CSS shown below
  3. Save changes
  4. 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;

  }

 

 

definition

License

Icon for the Creative Commons Attribution 4.0 International License

Digging Deeper into Pressbooks Visual Design Copyright © 2023 by Erin Fields and Leila Malkin is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book