{"id":251,"date":"2024-01-09T12:26:08","date_gmt":"2024-01-09T17:26:08","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/pbtips\/?post_type=chapter&#038;p=251"},"modified":"2024-05-30T11:27:54","modified_gmt":"2024-05-30T15:27:54","slug":"footnotes-smaller","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/pbtips\/chapter\/footnotes-smaller\/","title":{"raw":"Making Footnotes a Smaller Font in the Web Book","rendered":"Making Footnotes a Smaller Font in the Web Book"},"content":{"raw":"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.\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Resourcces<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nTo learn how to use the footnotes functionality in Pressbooks, review the following guide:\r\n<ul>\r\n \t<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/add-footnotes-or-chapter-endnotes\/\">Pressbooks User Guide - Add Footnotes or Chapter Endnotes<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div style=\"font-weight: 400\">\r\n<div>\r\n<h2>Issue<\/h2>\r\nAlthough you have the flexibility to adjust the size of the body text and header text through <strong>Theme Options<\/strong>, the size of footnotes remains consistent with the body text and cannot be independently modified.\r\n<h2>Solution<\/h2>\r\nThe solution involves adding [pb_glossary id=\"215\"]CSS [\/pb_glossary]to the <strong>Custom Styles<\/strong>\u00a0that will allow you to enter a separate font size for footnotes.\r\n\r\n<\/div>\r\n&nbsp;\r\n\r\n[caption id=\"attachment_214\" align=\"aligncenter\" width=\"1024\"]<img class=\"wp-image-214 size-large\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-1024x395.png\" alt=\"\" width=\"1024\" height=\"395\" \/> 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).[\/caption]\r\n\r\n<\/div>\r\n<ol>\r\n \t<li>On the Dashboard, select<strong> Appearance<\/strong> then<strong> Custom Styles<\/strong><\/li>\r\n \t<li>In the <strong>Your Web Styles<\/strong> box, add the CSS shown below<\/li>\r\n \t<li><strong>Save changes<\/strong><\/li>\r\n \t<li>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<\/li>\r\n<\/ol>\r\n<div>\r\n<div class=\"textbox\">\r\n\r\n<strong>Custom CSS:<\/strong>\r\n<div>\r\n\r\n.footnotes ol {\r\nfont-size: 0.8em;\r\n\r\n<\/div>\r\n<div>\r\n\r\n\u00a0 }\r\n\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n\r\n<\/div>\r\n<div>\r\n<div><\/div>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n<\/div>\r\n<\/div>","rendered":"<p>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.<\/p>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Resourcces<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>To learn how to use the footnotes functionality in Pressbooks, review the following guide:<\/p>\n<ul>\n<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/add-footnotes-or-chapter-endnotes\/\">Pressbooks User Guide &#8211; Add Footnotes or Chapter Endnotes<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div style=\"font-weight: 400\">\n<div>\n<h2>Issue<\/h2>\n<p>Although you have the flexibility to adjust the size of the body text and header text through <strong>Theme Options<\/strong>, the size of footnotes remains consistent with the body text and cannot be independently modified.<\/p>\n<h2>Solution<\/h2>\n<p>The solution involves adding <a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_251_215\">CSS <\/a>to the <strong>Custom Styles<\/strong>\u00a0that will allow you to enter a separate font size for footnotes.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_214\" aria-describedby=\"caption-attachment-214\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-214 size-large\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-1024x395.png\" alt=\"\" width=\"1024\" height=\"395\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-1024x395.png 1024w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-300x116.png 300w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-768x296.png 768w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-65x25.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-225x87.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-350x135.png 350w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM.png 1497w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-214\" class=\"wp-caption-text\">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).<\/figcaption><\/figure>\n<\/div>\n<ol>\n<li>On the Dashboard, select<strong> Appearance<\/strong> then<strong> Custom Styles<\/strong><\/li>\n<li>In the <strong>Your Web Styles<\/strong> box, add the CSS shown below<\/li>\n<li><strong>Save changes<\/strong><\/li>\n<li>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<\/li>\n<\/ol>\n<div>\n<div class=\"textbox\">\n<p><strong>Custom CSS:<\/strong><\/p>\n<div>\n<p>.footnotes ol {<br \/>\nfont-size: 0.8em;<\/p>\n<\/div>\n<div>\n<p>\u00a0 }<\/p>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<div>\n<div><\/div>\n<div>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<div class=\"glossary\"><span class=\"screen-reader-text\" id=\"definition\">definition<\/span><template id=\"term_251_215\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_251_215\"><div tabindex=\"-1\"><p>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. (<a href=\"https:\/\/en.wikipedia.org\/wiki\/CSS\">Wikipedia<\/a>, CC BY SA 4.0)<\/p>\n<\/div><button><span aria-hidden=\"true\">&times;<\/span><span class=\"screen-reader-text\">Close definition<\/span><\/button><\/div><\/template><\/div>","protected":false},"author":1076,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-251","chapter","type-chapter","status-publish","hentry"],"part":249,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/users\/1076"}],"version-history":[{"count":2,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/251\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/251\/revisions\/305"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/parts\/249"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/251\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/media?parent=251"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapter-type?post=251"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/contributor?post=251"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/license?post=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}